intro-section-with-dropdown-navigation-main

Community feedback

• 

  Mohamed Ragheb•560

  @mohamed-fmPosted 4 months ago

  Great job! It is well-designed and organized. However, wrapping everything in a container would be helpful to ensure your design is responsive and fully functional on larger screen sizes. It would look something like this:

  .container {
      width: 100%;
      padding: 0px 15px;
      margin: auto;
  }
  
  @media  (min-width:768px) {
      .container {
          width: 750px;
      }
  }
  @media  (min-width:992px) {
      .container {
          width: 970px;
      }
  }
  @media  (min-width:1200px) {
      .container {
          width: 1170px;
      }
  }
  

  You can adjust the display property of the container class to suit your needs, using options like flex, grid, or others.

  Marked as helpful

  0

  ---

  

  khaduj || خدوج•670

  @khaduj03Posted 4 months ago

  @mohamed-fm Thank u Akhi 😊

  0
• 

  Mahmood•2,130

  @MahmoodHashemPosted 4 months ago

  Well done! 🎉 I truly respect your consistency in working on projects. 🙌

  You did a great job! 👏 However, in my browser, there’s a horizontal scroll issue. 🖥️ This can be resolved by setting the body's overflow-x property to hidden. ✨

  • Like this

   <div className="w-screen h-screen overflow-x-hidden">
  

  Keep up the hard work

  Marked as helpful

  0

  ---

  

  Dylan Heslop•2,360

  @dylan-dot-cPosted 4 months ago

  @MahmoodHashem Thats one way to solve it, but its better to remove w-screen completely as its the reason for the overflow and is not needed as all block level elements automatically take up full width also vw dont take into account the scrollbar so it will still go beyond it in width.

  Marked as helpful

  0

  

  khaduj || خدوج•670

  @khaduj03Posted 4 months ago

  @MahmoodHashem Oh, my bad! 😅 The problem was that my screen size was set to 90%, and I forgot about that I thought it was 100%. 😄🤦‍♀️ When I changed it to 100%, it caused scrolling. Thanks for letting me know! 😊

  1
• 

  Dylan Heslop•2,360

  @dylan-dot-cPosted 4 months ago

  ALso check out my solution bro and tell me what you think, I used react btw

  1