Skip to content
Submitted 7 months ago

Responsive Landing Page With HTML and Bootstrap

Ibrahim Oyeniyi•450
@Mtrxxo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

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

I'm happy I'm understanding bootstrap

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

The excessive use of divs was difficult to cope with... But overall, it improved my Critical Thinking and Problem Solving.

What specific areas of your project would you like help with?

Any Suggestions would be appreciated.

Community feedback

  • Tom Roche•330
    @TomrocheDevPosted 7 months ago

    Great take on this project! Bootstrap is a really good choice for this one. I really like the well-structured code and responsiveness in your solution.

    I do have some suggestions for your future projects: I would suggest to use some padding inside your boxes. It will make you design look a lot more professional.

    In the challenge design, the mobile menu makes a horizontal entrance on the right side while yours does it vertically. Although, there is nothing wrong with the standard vertical bootstrap menu, don't get me wrong. If you want it to make it's entry vertically, try to use the bootstrap offcanvas component. Link: https://getbootstrap.com/docs/5.0/components/offcanvas/

    Again, overall a great solution!

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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