Desktop design

Confirmation modal

Mobile design

Product list with cart

<h4>A rich, sweet dessert pastry made of layers of filo filled with chopped nuts and sweetened with syrup or honey.</h4>

<h5 style="margin: 0 2%; font-weight: 100; text-transform:none;">
                        This is a <b>Carbon-neutral</b> delivery
                    </h5>

<div class="description"><span class="title">Baklava</span><h4>A rich, sweet dessert pastry made of layers of filo filled with chopped nuts and sweetened with syrup or honey.</h4><span class="price">$24.00</span></div>

<div class="description"><span class="title">Brownie</span><h4>A chocolate brownie is a square or rectangular chocolate baked confection.</h4><span class="price">$15.00</span></div>

<div class="description"><span class="title">Cake</span><h4>A rich, sweet dessert cake.</h4><span class="price">$30.00</span></div>

<div class="description"><span class="title">Meringue</span><h4>Meringue is a type of dessert or candy, often associated with French, Swiss, and Italian cuisine, traditionally made from whipped egg whites and sugar.</h4><span class="price">$12.00</span></div>

<div class="description"><span class="title">Waffle</span><h4>A waffle is a dish made from leavened batter or dough that is cooked between two plates that are patterned to give a characteristic size, shape, and surface impression.</h4><span class="price">$10.00</span></div>

<div class="description"><span class="title">Panna Cotta</span><h4>Panna cotta is an Italian dessert of sweetened cream thickened with gelatin and molded.</h4><span class="price">$22.00</span></div>

<div class="description"><span class="title">Tiramisu</span><h4>Tiramisu is a coffee-flavored Italian dessert.</h4><span class="price">$25.00</span></div>

ard"><div><img src="./assets/images/image-baklava-desktop.jpg"></div>

ard"><div><img src="./assets/images/image-brownie-desktop.jpg"></div>

ard"><div><img src="./assets/images/image-cake-desktop.jpg"></div>

ard"><div><img src="./assets/images/image-creme-brulee-desktop.jpg"></div>

ard"><div><img src="./assets/images/image-meringue-desktop.jpg"></div>

ard"><div><img src="./assets/images/image-waffle-desktop.jpg"></div>

ard"><div><img src="./assets/images/image-panna-cotta-desktop.jpg"></div>

ard"><div><img src="./assets/images/image-tiramisu-desktop.jpg"></div>

Please log in to post a comment

Community feedback

try to make response design with html, CSS and java scrept

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community