All solutions

What are you most proud of, and what would you do differently next time?

This is my first/second time to build mini project using React. It is quite convenient as I don't have to write lots of JS code. Next time I would try split the component into different file instead putting them all in APP.jsx

What challenges did you encounter, and how did you overcome them?

I have been struggled with the button. The button shrink in smaller screen. Yet using flex-shrink: 0 solves it.

It is worth mentioning that using mobile-first approach is way easier than building normal web view first.

Has been updated after Grace provided some comments. will update the remaining js such as "toggle classes or attributes in js but not change inline styles", and "Make sure focus is managed approximately".

May I know how to make my website responsive to the mobile web? I have tried editing different components in CSS (such as auto margin) but does not work out.

Here is my Product preview card component project. Feel free to leave any comments.

Just my progress with this project. Not knowing how to fix it to make it become similar to the examples. Would like to keep it here and go for another project.

This is my first project in frontend mentor. I found out that the concepts of flex, margin, and padding are quite hard to understand and master. Also, it is also quite difficult to build a website that is suitable for both web and mobile devices. I am eager to learn more if my code in css stylesheet is not the best practice. Feel free to give any comments and suggestions!