Skip to content
Submitted almost 2 years ago

HTML CSS Product Preview solution

ARexhepi1•50
@ARexhepi1
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I have just started to learn basic HTML and CSS so I'm trying to use what I've learnt early on.

This is the first project I've worked on so please any feedback would be most welcome and appreciated.

Community feedback

  • Alex Garcia 🦝 Garcialexco•440
    @garcialexcoPosted almost 2 years ago

    Hello! Great job completing the challenge! 🔥

    There's a couple parts of your code that I might be able to help with:

    In your CSS, the style resets and defaults are a bit lengthy. You can get away with:

    html {
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    padding: 0;
}

*, *::before, *::after {
    box-sizing: inherit;
}

    This will reset everything to where you are able to reasonably work with it as well as keeping file space low 👌

    Hope this helps, and keep up the great work! 👍 Happy Coding!

    0
    ARexhepi1•50
    @ARexhepi1Posted almost 2 years ago

    Thank you for your feedback @garcialexco - much appreciated.

    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord