Four card feature section using HTML and CSS

Community feedback

• 

  osvaldo•155

  @osvaldoleivaPosted over 4 years ago

  // Si alguien que sepa español y pueda traducir esta reseña se lo agradeceria mucho Hi, I am new on this and my english is not to high but here go:

  1 - you can use just one class for the cards example: <div class="card"> and make all the comun css and then use another class to make the border of the card

  <div class="card border-orange"> <div class="card border-cyan"> etc, because this is a comun element (card) just with a single quirk (border)

  2 - media query width 600px is not enough for a responsive design i just use this @media (max-width: 1200px){ .down{ transform: translateY(0); } }

  3 - you dont assign a width and heigth to card or div is for that the card are weird i use this on the card class in your case on the div (in my profile is the solution) width: 350px; height: 250px; Sorry my english I hope it was helped you now

  Spanish: 1.- Usas una clase diferente para cada tarjeta(card) envez de utilizar una clase comun y añadir una clase especial para el borde de la tarjeta esto te ayudara a tener mas control del elemento, hacer cambios mas rapidos

  2 y 3.- El media query que usas no es suficiente para un diseño adaptativo ya que si juegas con las dimesiones los elementos se distorcionan, esto tambien influye que las tarjetas (cards) no tienen ninguna dimencion establecida es por eso que se ven raras puedes ver mi solucion en mi perfil

  1

  ---

  

  Sarah•835

  @sarahc-devPosted over 4 years ago

  Thank you :)

  0