We've got the structure in place, but we'll need to move these elements around with some CSS.

Let's move the shopping cart to the right-hand corner of the page and display the products next to each other.

<html>
<body>
<h1>Online Store</h1>
<img id="basketImage" src="https://mimo.app/i/cart.png">
<h2 id="itemCounter">0</h2>
<p id="orderTotal"></p>
<div class="product">
<img src="https://mimo.app/i/backpack.png">
<h3>Backpack</h3>
<button>Add to Cart</button>
</div>
<div class="product">
<img src="https://mimo.app/i/camera.png">
<h3>Camera</h3>
<button>Add to Cart</button>
</div>
</body>
</html>
]]>