Skip to content
Submitted about 2 years ago

Responsive news webpage

accessibility, bootstrap, progressive-enhancement
Kinga Miśkiewicz•160
@codingbeary
A solution to the News homepage challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Any advice on how I can improve this project are welcome. :)

Code

Please log in to post a comment

Log in

Community feedback

  • Jorge A. Mendoza II•720
    @JorgeAMendoza

    Hello! Great attempt, the page is mostly responsive and your solution matches the design.

    Some things I believe that can be improved upon:

    • Starting on screen-width 425px, your mobile menu "hamburger icon" is rendering along with the desktop navigation list, causing an awkward layout. I would look back at your media queries and ensure that elements are hidden away properly.
    • If a user opens up the mobile menu and expands the screen size, the "close-menu" icon appears next to the logo past the screen width of 425px. I would recommend implementing an event listener for window resizes that ensures to properly remove/hide the mobile nav menu on larger screens.

    Please feel free to checkout my solution to this project for reference!

    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