Arquitectura CSS: Descomplicando los problemas: Aula 3 - Actividad 2 Preparando el ambiente | Alura Latam - Cursos online de tecnologia

<section class="recetas">
        <div class="receta">
            <img alt="Tigela de abacate" class="receta__imagen" src="./assets/img/recetas/bowl-de-aguacate.jpg" />
            <div class="receta__contenido">
                <h4 class="receta__titulo">Bowl de aguacate</h4>
                <p class="receta__descripcion">Receta refrescante y llena de vitaminas para su desayuno.</p>
                <button class="receta__boton">Ver receta</button>
            </div>
        </div>
        <div class="receta">
            <img alt="Ensalada de kiwi" class="receta__imagen" src="./assets/img/recetas/ensalada-de-kiwi.jpg" />
            <div class="receta__contenido">
                <h4 class="receta__titulo">Ensalada de kiwi</h4>
                <p class="receta__descripcion">Receta refrescante y llena de vitaminas para su desayuno.</p>
                <button class="receta__boton">Ver receta</button>
            </div>
        </div>
        <div class="receta">
            <img alt="Mix de vegetales" class="receta__imagen" src="./assets/img/recetas/mix-de-vegetales.jpg" />
            <div class="receta__contenido">
                <h4 class="receta__titulo">Mix de vegetales</h4>
                <p class="receta__descripcion">Receta refrescante y llena de vitaminas para su desayuno.</p>
                <button class="receta__boton">Ver receta</button>
            </div>
        </div>
        <div class="receta">
            <img alt="Pimentones a la Juliana" class="receta__imagen" src="./assets/img/recetas/pimentones-a-la-juliana.jpg" />
            <div class="receta__contenido">
                <h4 class="receta__titulo">Pimentones a la Juliana</h4>
                <p class="receta__descripcion">Receta refrescante y llena de vitaminas para su desayuno.</p>
                <button class="receta__boton">Ver receta</button>
            </div>
        </div>
        <div class="receta">
            <img alt="Plato oriental" class="receta__imagen" src="./assets/img/recetas/plato-oriental.jpg" />
            <div class="receta__contenido">
                <h4 class="receta__titulo">Plato oriental</h4>
                <p class="receta__descripcion">Receta refrescante y llena de vitaminas para su desayuno.</p>
                <button class="receta__boton">Ver receta</button>
            </div>
        </div>
        <div class="receta">
            <img alt="Remolachas horneadas" class="receta__imagen" src="./assets/img/recetas/remolachas-horneadas.jpg" />
            <div class="receta__contenido">
                <h4 class="receta__titulo">Remolachas horneadas</h4>
                <p class="receta__descripcion">Receta refrescante y llena de vitaminas para su desayuno.</p>
                <button class="receta__boton">Ver receta</button>
            </div>
        </div>
</section>