Testimonials Grid Section apenas HTML e CSS com MQ

Community feedback

• 

  Adriano•38,290

  @AdrianoEscarabotePosted about 2 years ago

  Hi Lucas Costa, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

  To center your component does this:

  body {
      margin: 0;
      padding: 0;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      min-height: 100vh;
  }
  

  Be careful with absolute positioning at higher resolutions, it ends up complicating a lot to make the responsiveness work properly, I'll make some changes for you to see a different result:

  main {
      /* height: 1800px; */
      max-width: 375px;
      /* position: absolute; */
      /* top: 50%; */
      /* left: 50%; */
      /* transform: translate(-50%, -50%); */
  }
  
  section > p {
      max-width: 320px;
  }
  
  section > h3 {   
      max-width: 320px;
  }
  

  do this along with the alignment of the content in the way I said!

  The rest is great!

  I hope it helps... 👍

  Marked as helpful

  0