Skip to content
Submitted over 2 years ago

Product preview card component

Žydrūnas•150
@ZLikas
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

Hi, willing to get any advice about my code, my first project, hopefully, one day will become a web developer :) Hardest part was media query :o

Community feedback

  • Finney•3,030
    @Finney06Posted over 2 years ago

    For the accessibility issue cover the attribution tag with a footer element

    Marked as helpful
    1
    Žydrūnas•150
    @ZLikasPosted over 2 years ago

    @Finney06 Hi, thanks, I already fixed it.

    0
  • Finney•3,030
    @Finney06Posted over 2 years ago

    -For the image you could have embedded it in the CSS code as a background-image so it will be a lot easier to change the background image in the media query section for the mobile image.

    -You can cover the image and text section with one div tag and set its width to 100% so you can now set the image div to 50% and the text div to 50% so it will divide the two divs equally.

    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