Four card feature section | Seccion funciones cuatro cartas

Community feedback

• 

  Hikmah•1,070

  @HikmahxPosted over 1 year ago

  Hi Alexander. Great solution! There are a few feedbacks that may help with your site:

  • I think you should use a single-column grid or maybe flex display when on smaller screens like mobiles and tablets, and change it back to the 3-column grid when the media query is 1024px min-width. Adding a max-width property makes sure the card doesn't over-stretch and the margin aligns everything to the center.

  .cuadros {
      grid-template-columns: repeat(1, 1fr);
       max-width: 500px;
      margin: auto;
  }
  

  And you can also simply reset the max width back to none, max-width: none;, when on 1024px.

  Hope this helps

  Marked as helpful

  1

  ---

  

  Alexander Gambini•20

  @ale-08-12Posted over 1 year ago

  Thank you very much for the comment @Hikmahx, I'll be implementing it and seeing how it improves.

  0