Desktop design

Confirmation modal

Mobile design

Product list with cart

<p class="font-1-s color-rose-500">Waffle</p>

<h2 class="font-1-m color-rose-900">Waffle with Berries</h2>

<p class="font-1-s color-rose-500">Crème Brûlée</p>

<h2 class="font-1-m color-rose-900">Vanilla Bean Crème Brûlée</h2>

<p class="font-1-s color-rose-500">Macaron</p>

<h2 class="font-1-m color-rose-900">Macaron Mix of Five</h2>

<p class="font-1-s color-rose-500">Tiramisu</p>

<h2 class="font-1-m color-rose-900">Classic Tiramisu</h2>

<p class="font-1-s color-rose-500">Baklava</p>

<h2 class="font-1-m color-rose-900">Pistachio Baklava</h2>

<h2 class="font-1-m color-rose-900">Lemon Meringue Pie</h2>

<h2 class="font-1-m color-rose-900">Red Velvet Cake</h2>

<p class="font-1-s color-rose-500">Brownie</p>

<h2 class="font-1-m color-rose-900">Salted Caramel Brownie</h2>

<p class="font-1-s color-rose-500">Panna Cotta</p>

<h2 class="font-1-m color-rose-900">Vanilla Panna Cotta</h2>

<div class="cart-empty ativo">
        <img src="./assets/images/illustration-empty-cart.svg" alt="" width="128px" height="128px">
        <p class="font-1-s color-rose-500">Your added items will appear here</p>
      </div>

<div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge">Frontend Mentor</a>.
    Coded by <a href="#">Your Name Here</a>.
  </div>

>  <img src="./assets/images/illustration-empty-cart.svg" alt="" width="128px" height="128px">

Please log in to post a comment

Community feedback

Selution Product list with cart

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community