luamoris/react-faq-card-info

Challenge: collect the FAQ accordion card.

Frontend Mentor - FAQ accordion card solution

Links

• Source code on GitHub
• Live Site

Desktop Card 1400x850

Mobile Card 375x850

---

Get started

	git clone https://github.com/luamoris/react-faq-card-info
	cd react-faq-card-info
	npm i
	npm start

For build

	npm run build

For test

	npm test

For eject

Note: this is a one-way operation. Once you eject, you can’t go back!

	npm run eject

For lint

• stylelint - lint SCSS files

	npm run stylelint

More

• create-react-app
• running tests
• deployment

---

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• CSS Flexbox
• Mobile-first workflow (min-width: 320px)
• React - JS library

What I learned

• With this tutorial, I began my journey to learning React technology. My work on this task has been productive and rewarding.

Useful resources

• Course: React JS - путь самурая 1.0
• CodePen: CSS pop-up questions

Author