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

Responsive Landing Page With HTML and Bootstrap

@Mtrxxo

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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

@TomrocheDev

Posted

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
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