Responsive Testimonial Page Using CSS Grid

Community feedback

• 

  Matias Ludueña•1,990

  @matiasluduena23Posted 12 months ago

  Hi DruxAMB’s! Congratulations you finished the challenge!!! Just one recommendation that might help you with your projects.

  • You can use a utility class to center you content in the middle and prevent that stretch all away the viewport width.

  In your css file

  .container {
  widht: 90%;  // in small screens it will take the 90% of the viewport width
  max-width: 1100px;  // in big screens won't grow more than 1100px viewport width
  margin-inline: auto;  //margin left and right will center you content
  }
  

  In you html

  <div class="container" >
     <main class="main-section">
        content
    </main>
  </div>
  

  Hope this help you!

  Good code!

  Matias

  Marked as helpful

  0

  ---

  

  Muhammad Amoo•220

  @DruxAMBPosted 12 months ago

  @matiasluduena23 thanks bro

  0