Cuadricula de testimonios

Community feedback

• 

  Saul Gustavo A. S.•630

  @saul-gustavoPosted 14 days ago

  Hola, revise tu código html y css y se entiende lo que intentaste hacer, pero te recomiendo que para tener un diseño como el de la imagen, uses CSS Grid Áreas, con estas podrás poner cada card en una posición especifica para que te de un buen diseño.

  Aqui te doy un ejemplo:

  .container {
      width: 100%;
      max-width: 1100px;
      display: grid;  
      grid-template-columns: repeat(4, 1fr);
      grid-template-rows: repeat(2, 1fr);
      grid-template-areas: 
      "card-one card-one card-two card-three"
      "card-four card-five card-five card-three";
      gap: 20px;
  }
  

  Lo anterior me funciono a mi, su gustas puedes ver mi solución para este desafió.

  ¡Buen trabajo amigo!

  Marked as helpful

  0
• 

  Anderson Gomes•120

  @andersongomes001Posted 15 days ago

  Add this part of CSS in the style.css

  body {
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  Marked as helpful

  0
• 

  Enrique Farias•100

  @EnrikeOmarFariasPosted 14 days ago

  Gracias Saul, son muy utiles tus aportes 👐

  1