Código HTML

<div class="my-order">
      <div class="my-order-container">
        <div class="my-order-content">
          <p>
            <span>04.25.21</span>
            <span>6 articles</span>
          </p>
          <p>$560.00</p>
        </div>

        <div class="shopping-cart">
          <figure>
            <img
              src="<https://images.pexels.com/photos/276517/pexels-photo-276517.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940>"
              alt="bici"
            />
          </figure>
          <p>Bike</p>
          <p>$30,00</p>
        </div>
      </div>
    </div>

Archivos de la Clase

https://github.com/FROSTYLAN/Notes-JavascriptSchool/commit/f45e4e1eeb799dbc70386e7f7878a8c789b4f195

Lecturas Recomendadas

curso-frontend-developer-practico/clase9.html at main · platzi/curso-frontend-developer-practico

Menú mobile

Mi orden: CSS