Product preview card component - using CSS Container Queries

Great job on the challenge!

You have to be careful when using github pages since your repo name is included in the address. This means your icon image is not found, because is looking for https://volakovakat.github.io/images/icon-cart.svg, but the image is at https://volakovakat.github.io/product-preview-card-component/images/icon-cart.svg.

To fix this problem, you can add a dot at the start of the path, so it points to the path relative to the HTML file (that is https://volakovakat.github.io/product-preview-card-component/index.html).

<img class="img-cart" src="./images/icon-cart.svg"/>

Hey awesome work, it's really identical to the original design. Just center the whole thing like this :

main {
 height:100vh.
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}