ALEXANDER MCQUEEN

* { box-sizing: border-box; }

/* Styling for the text inside each column */ .texto_reseñas_css { text-align: center; margin-top: auto; padding-bottom: 10px; }

/* Adjusting width to account for margins */ .column { float: left; width: 32.66%; /* Adjusted width to fill space evenly, leaving room for margins */ padding: 10px; margin-right: 1%; /* Adds space between columns */ height: 400px; border-radius: 2px; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }

/* Remove right margin on the last column */ .column:last-child { margin-right: 0; }

/* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; }

/* Image styling */ .column img { width: 100%; height: auto; max-width: 300px; border-radius: 5px; margin-bottom: 10px; }

/* Reset margin on the

and

elements */ .texto_reseñas_css p, .texto_reseñas_css h2 { margin: 0; }

/* Responsive layout for mobile */ @media screen and (max-width: 600px) { .column { width: 100%; margin-right: 0; margin-top: 0.95vh; }

.column img { max-width: 65%; } }

Texto

Reseña 1

Texto

Reseña 2

Texto

Reseña 3

 

.testimonial {
display: flex;
flex-direction: column;
align-items: center;
background-color: #f5f5f5; /* Fondo gris claro */
padding: 20px;
border-radius: 10px; /* Bordes redondeados para el contenedor */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Sombra suave */
}

.image-container {
width: 100%;
max-width: 300px; /* Limita el ancho máximo de la imagen */
margin-bottom: 20px;
}

.image-container img {
width: 100%;
height: auto;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.text-container {
text-align: center;
font-family: Arial, sans-serif;
color: #333;
line-height: 1.5;
}

.author {
font-weight: bold;
margin-top: 10px;
}