Solucionado (ver solución)
Solucionado
(ver solución)
2
respuestas

No respeta el tamaño

Hola!

Porque no me respecta el background de fondo blanco el tamaño como en el video?

Ingrese aquí la descripción de esta imagen para ayudar con la accesibilidad

Receta.css

.receta{
    background: #fdfdfd;
    flex-direction: column;
    margin-bottom: 3rem;
}

@media screen and (min-width: 0) {
    .receta{
        margin-right: 1rem;
        width: 100%;
    }
}

@media screen and (min-width: 768px) {
    .receta{
        margin-right: 2.5rem;
        width: calc(33%  - 2.5rem);
    }
}

@media screen and (min-width: 922px) {
    .receta{
        margin-right: 5rem;
        width: calc(25% - 5rem);
    }
}
2 respuestas
solución!

.receta{ background-color: #fdfdfd; display: flex; flex-direction: column; margin-bottom: 5rem; margin-right: 5rem; width: calc(25% - 5rem); } @media screen and (min-width: 0){ .receta{ margin-right: 1rem; width: 100%; } }

@media screen and (min-width: 768px){ .receta{ margin-right: 2.5rem; width: calc(33% - 2.5rem); } }

@media screen and (min-width: 940px){ .receta{ margin-right: 5rem; width: calc(25% - 5rem); } }

Perfecto. Muchas Gracias!