Intro section with dropdown navigation using Tailwind and Alpine.js

Community feedback

• 

  DanielK•440

  @DanK1368Posted over 2 years ago

  Hi Byron, nice work. I uploaded the challenge the other day and for some reason when viewing the site on my cellphone I can scroll beyond the content. I have overflow set to hidden though. The same occurs when viewing the site in the browser using the responsive window and setting the touch simulation to enabled. When its disabled though, it works as intended. Hope you can have a look :) I used react and styled components for mine

  0

  ---

  

  Byron•2,290

  @byronbyronPosted over 2 years ago

  @DanK1368 Hia mate.

  Try position: fixed; instead of position: absolute;.

  @media screen and (max-width: 670px) {
      .ggprRt {
          /* position: absolute; */
          position: fixed;
          top: 0px;
          left: 0px;
          height: 100vh;
          background-color: rgba(0, 0, 0, 0.5);
          transform: translateX(110%);
          opacity: 0;
      }
  }
  

  0
• 

  Doston Nabotov•950

  @dostonnabotovPosted over 2 years ago

  that perfectly matches with the design. Great. No comments!

  0