
JMC SOFTWARE
PreguntaME SALE ESTE ERROR, en mi Div que contiene otros 2 Div.
<h3>HTML:---------------------------------------------------------------------
<main class=“container”>
<div class=“c1”></div>
<div class=“c2”>
<div class=“c21”></div>
<div class=“c22”></div>
</div>
<div class=“c3”></div>
</main>
CSS-------------------------------------------------------------------------------
.c2{
background-color: rgb(255, 115, 0);
height: auto;
}</h3>

JMC SOFTWARE
*{ box-sizing: border-box; margin: 0; padding: 0; } html{ font-size: 62.5%; } /*. */ .container{ display: flex;/*.nos sirve para poder manipular la caja del contenido*/ flex-wrap: wrap;/*. nos sirve para que se adapte al navegador y se acople*/ } .c1 , .c2, .c21 , .c22, .c3{ width: 100vw; min-width: 150px; height: 150px; } .c1{ background-color: rgb(255, 0, 0); } .c2{ background-color: rgb(255, 115, 0); height: auto; } .c21{ background-color: rgb(255, 251, 0); } .c22{ background-color: rgb(0, 255, 0); } .c3{ background-color: rgb(0, 255, 255); } @media (min-width:600px){ .c1{ width: 24%; } .c2{ width: 75%; } .c3{ width: 100%; } } @media (min-width:800px){ .container{ width: 800px; margin-left: auto; margin-right: auto; /*margin: 0 auto; U,D 0 margin y de L,R un margin auto*/ } .c1{ width: 50%; order: 1; } .c2{ width: 100%; } .c3{ width: 50%; order: 2; } }```

Irving Juárez
Comparte tu código completo para que pueda ver cual es el error en el css, ya que solo podemos ver el color del .c2 y la altura de este. Pero un consejo rapido es que cheques que tenga el
flex-wrap: wrap;