Skip to content
Submitted over 2 years ago

HTML, custom CSS and bootstrap grid

Tiffa Jenkins•390
@TiffaJenkins
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

coded on a laptop, tried to keep things as simple as possible, used a little bootstrap for layout, mostly custom CSS.

Community feedback

  • David•8,000
    @DavidMorgadePosted over 2 years ago

    Hello and congrats on finishing the challenge!

    This problem with laptops usually happens cause of the resolutions and the default zoom of laptops compared to desktop, there is no problem with that and you will get used to it!

    The only thing I would probably change from your component is the image, I think this image definitely deserves an html tag instead of background-image!, you could use the <picture> tag with <source> tags, using the 2 images and rendering it depending on the width of the screen.

    Hope my feedback helped you, you did a pretty good job!

    Marked as helpful
    0

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