Skip to content
Submitted over 3 years ago

react js, react router, bootstrap, scss, framer motion, firebase.

bootstrap, firebase, react, sass/scss, react-router
Jessica Dubem•50
@JessicaDubem
A solution to the Designo multi-page website challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello everyone. I used react for this project. The website is fully responsive, but I had difficulty resetting the form in react. I would appreciate some feedback on how the code is written and any suggestions. Thank you all.

Code

Please log in to post a comment

Log in

Community feedback

  • Marvin Baga•310
    @mjbaga

    Hi, Jessica. Good work on the challenge.

    I've checked your code and here's some feedback:

    • Try adding a container for max-width on the breakpoints so that the site won't be very stretchy, especially when reaching very wide screens.
    • For file organization, maybe try breaking down your header and footer on their own components.
    • You can look into mobile-first styling for handling responsiveness. It's a concept where you style out your mobile CSS rules then add media queries as you increase screen size like for tablet or desktop.
    • For this last one, just a personal preference (you can ignore haha), I'd say either just go full Sass or full utilities library, but I'd go with Tailwind as it's really more flexible than bootstrap, especially with responsiveness.

    That's it. I've also done Designo, you can check it out. Hope this helps and happy coding!

    Marked as helpful

Join 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