intro-section-with-dropdown-navigation-main

Community feedback

• 

  Mohamed Ragheb•560

  @mohamed-fm

  Posted 7 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.

  01

  Marked as helpful
• 

  Mahmood•2,130

  @MahmoodHashem

  Posted 7 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

  02

  Marked as helpful
• 

  Dylan Heslop•2,460

  @dylan-dot-c

  Posted 7 months ago

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

  10