ME SALE ESTE ERROR, en mi Div que contiene otros 2 Div. <h3>HTML:------------------------------------------------------------------...

JMC SOFTWARE

JMC SOFTWARE

Pregunta
studenthace 4 años

ME 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> div.jpg

2 respuestas
para escribir tu comentario
    JMC SOFTWARE

    JMC SOFTWARE

    studenthace 4 años
    *{ 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

    Irving Juárez

    studenthace 4 años

    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;

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.