Skip to content
OverviewSolutions
11
Comments
2
Oussama Taali
@oussamataali97

All comments

  • NikitaBenzin•220
    @NikitaBenzinSubmitted about 2 years ago

    I coded the mobile version first, and it's was cold, because the pc version fix harder than mobile xD What did you find difficult while building the project? Which areas of your code are you unsure of?

    css Flex

    3
    Oussama Taali•250
    @oussamataali97Posted about 2 years ago

    I really liked the result of your project, but I have some tips that I think you will like.

    To further improve the responsiveness of the project, you can do the following:

    img { height: 100%; }

    to prevent the card from growing at lower resolutions. The rest is very good, you did a really great job in this challenge, this background image and the card animations were very good!

    Hope it helps... 👍

    Marked as helpful
    1
  • Oussama Taali•250
    @oussamataali97Posted about 2 years ago

    Using <picture> you’ve more control over the elements and its better than using the product image as <img> or background-image. Look that for SEO and search engine reasons it isn't a better practice to import this product image with CSS since this will make it harder to the image. You can manage both images inside the <picture> tag and use the html to code to set when the images should change setting the device max-width depending of the device (phone / computer) Here’s a guide about how to use picture: https://www.w3schools.com/tags/tag_picture.asp

    ✌️ I hope this helps you and happy coding!

    Marked as helpful
    0