Skip to content
Submitted over 1 year ago

responsive news homepage

prabhjot singh•30
@prabh234
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

I could not make the background dark in the mobile version when you toggle the menu otherwise it's almost the same as asked in the challenge

Community feedback

  • Ayobami Ikuewumi•850
    @IkuewumiPosted over 1 year ago

    Hi @prabh234 👋. Great solution, and about your question, the option I would recommend is adding a box-shadow that has a large spread on the nav in mobile screens. I would suggest that you not animate the box-shadow though, might impact performance negatively. The code could go like so:

    nav {
    ...
    box-shadow: 0 0 0 200vmax #00000020;
}

    If you have any questions, don't hesitate to ask, and keep coding👍,

    Ayobami

    Marked as helpful
    0
    prabhjot singh•30
    @prabh234Posted over 1 year ago

    @Ikuewumi thank you so much I applied it and it worked perfectly

    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