Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML CSS Product Preview solution

P
ARexhepi1β€’ 50

@ARexhepi1

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@garcialexco

Posted

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

P
ARexhepi1β€’ 50

@ARexhepi1

Posted

Thank you for your feedback @garcialexco - much appreciated.

1

Please log in to post a comment

Log in with GitHub
Discord logo

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