Notice how there is a little emoji in the search bar on the demo. You dont have one here!

Notice how your font is different from the one provided! Here is an image of the font instructions! They can be found in the main repo! The font has to be changed for the whole page!

Here is an image of the font instructions!

Notice how one of the main requirements is that you have "a mobile first responsive design".
This means that your page must look like the template on a phone as well. This is what yours looks like :

and this is the template :

Do you see how there are quite a few differences? Try to fix this when you get the chance ! You can do this using media queries. Here is a link : https://www.w3schools.com/cssref/css3_pr_mediaquery.php

Your text is not centered here! How can you fix this?

When i hover over the shop now button on the template, this is what i see

But on yours we have this:

How can you fix this?

Here is a usefuol link : https://www.w3schools.com/cssref/sel_hover.php

The template has three sections here with two images and you only have one!. Also the font and the sizing is different here! Try to pay attention to the details here :)

Try to use sematic html. It's important to use tags for images because they have at attributes, so if anyone is blind, the computer knows to read it out to them. A div does not provide the same use or tell the user much

when i put my mouse over the button on the template, The button changes color but yours doesnt. Use the resources above to help you

Here is what your box looks like:

and here is theirs,

Notice how the size and fonts are very different. Also your words dont have a * next to them!

Your labels here are not in line