Skip to content
Submitted about 2 years ago

responsive landing page using tailwindcss

Ose•490
@oseji
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

Please can someone tell me how to go about implementing the side menu bar for the mobile screen?

Community feedback

  • DamianRi•80
    @DamianRiPosted about 2 years ago

    I created one general section "menu-section" with an absolute position. Inside that I added two sections; the first one ("left") I used it to paint the black zone with a width size of 30%, fixed position and the second one ("right") to display the menu options with a width size of 70%, fixed position. You can check on your phone my solution here https://damianri.github.io/news-homepage-main/

    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