Design comparison
Solution retrospective
This component is made in React, using ViteJS, using the:
useState to manage changes and variables useEffect and axios to fetch the API LocalStorage so the user does not have to go through all the advices every time the browser is refreshed. Css as Module not quite necessary for this project, but good practice for scalable projects.
Any suggestions are Welcome!
Community feedback
- @madegilangadityaPosted over 1 year ago
Hi, Felipe great work on finishing this challenge. The solutions just look great. Just a little correction for me regarding the responsive view, in this class
._card_qel2f_21
which is the container of your advice generator rather than usewidth: 320px;
better usemax-width:320px
so when the screen is below 320px, the container will not pass through the screen.Also, try learning mobile-first workflow standard for website design. You can check the reference here: https://www.w3schools.com/css/css_rwd_mediaqueries.asp
Good job, keep it up 👍
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord