This project was bootstrapped with Create React App. It's a part of Scrimba React course. I build the project based on their Figma file.
- Semantic HTML5 markup
- Flexbox
- Mobile-first workflow
- React
- modules.css - For styles
- I had a hard time to export default a data file. It turn out that unnamed export default is not allowed. To solve this issue I need to give a name.
//before
export default []
//after
const Data = []
export default Data- I faced this problem that caused me two days. I typed
maps(). No wonder that my data didn't run at all. It's tricky because one word can cause errors. To fixed this, I change tomap(). - Images were stretching everytime I changed the screen size. It turn out that I need to set a
max-width:100%to my global css file.
- Rendering components works on React if every file have a name to be export.
- Be wary of typos. One word can cause errors.
- Set a
max-widthto a global css file for images.
Tasha Syarifah