Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

bootstrap

@Aahil13

Desktop design screenshot for the Manage landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


i didn't complete this work, because i don't know some aspects, please i'm looking forward to corrections and constructive criticism

Community feedback

@ovidiuantonio

Posted

Hello,

Pretty good solution so far! Nice job using bootstrap, maybe in the future you will consider switching to css wrote by you or maybe even scss when you gain some experience.

I found some things that you can improve in you solutions:

  • add hover state and cursor: pointer; for the intro button too
  • add the other 2 reviews
  • try to make it fully responsive, for a width smaller than like ~485px the site stops being responsive and that affects phones like iPhone 5/SE/6/7/8 etc.

These are the media queries I use in every solution:

  • 0-600px (mobile)
  • 600-900px (tab port)
  • 900-1200px (tab land)
  • 1200px (large screens)

Happy coding! Keep going!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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