tengo una duda estoy haciendo un apartado de preguntas frecuentes para una pagina de venta de componente electronicos. tengo el problema de que en este apartado muestro las preguntas frecuentes con sus respuestas extraidas de una base de datos en mysql, le di un formato mediante div, para que en el encabezado se vea diferente que es el que muestra la pregunta y debajo la respuesta. estoy haciendo que la pagina sea responsive, y el problema es que el tamaño de los divs se ajustan al tamaño del texto, pero se ve feo porque hay otros divs que tienen una altura mayor porque contienen mas textos que otros y quiero que todos los divs esten del mismo alto. dejo el codigo que estoy usando
body
{
font-family:Tahoma;
}
.palabrapreguntas
{
color: #1d71b8;
font-size: 1.2vw;
margin-top: 5%;
margin-left: 9%;
}
.whats img
{
height: auto;
width: 20%;
}
.whats label
{
color: black;
font-size: 1vw;
cursor: hand;
}
.whats
{
height: auto;
width: 20%;
margin-left: 9%;
margin-top: 2%;
}
.preguntas
{
border:1px solid;
height: auto;
width: 20%;
float: left;
margin-left: 10%;
margin-top: 2%;
border-radius: 10px;
}
.pregu
{
background: #A3A3A3;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
height: auto;
width: 100%;
}
.pregu label
{
font-size: 1vw;
}
.respuestas p
{
font-size: 1vw;
}
.repuestas
{
height: auto;
width: 100%;
}
<?php
include 'header.php';
?>
<body>
<link rel="stylesheet" href="/neko/ccs/preguntas.css">
<label class="palabrapreguntas">PREGUNTAS FRECUENTES</label>
<center>
<?php
include 'conexion.php';
$consu1="SELECT * from masfrecuentes";
$resu1=mysqli_query($enlace,$consu1);
while($mostrar1=mysqli_fetch_array($resu1)){
?>
<div class="preguntas" id="preguntas" >
<div class="pregu">
<label><?php echo $mostrar1['pregunta'];?></label>
</div>
<div class="respuestas">
<p><?php echo $mostrar1['respuesta'];?></p>
</div>
</div>
<?php
}
$enlace->close();
?>
</center>
<?php
include 'footer.php';
?>
</body>