Skip to content
Submitted almost 2 years ago

Responsive Product Preview using Flexbox

Eduard Ionescu•510
@EduardIonescu
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 wanted a challenge so I remade the whole html using JS.

My question is, for the 'PERFUME' text, which tag should I use? Since I can't use an h2 tag above an h1 tag, so is a 'p' tag fine?

Thanks!

Community feedback

  • Hesam•420
    @hesam-fattahiPosted almost 2 years ago

    Hey there!👋

    For the 'PERFUME' text, p works just fine.

    Also for the image, since you're using 2 different images based on viewport, you can use the picture element.

    More info on MDN.

    Keep up the good work!

    Marked as helpful
    0
    Eduard Ionescu•510
    @EduardIonescuPosted almost 2 years ago

    @hesamf01 Thanks! I didn't know about picture.

    1
  • Favour•2,160
    @Nadine-GreenPosted almost 2 years ago

    Nice, i love the creativity :)

    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