Skip to content
Submitted about 2 years ago

Responsive product preview card using CSS Flexbox

Marko•80
@smarko-web
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 This mini project is the first independent site that I have done, therefore I would greatly appreciate your feedback on my; ◦ Semantic HTML ◦ CSS styling While working on this project I encountered the README.md for the first time. Also I would like some recommendations on how to make this WCAG friendly

Community feedback

  • Adriano•38,390
    @AdrianoEscarabotePosted about 2 years ago

    Hello everything is fine?

    I really liked the result of your project, but I have some tips that I think you will like:

    1- Document should have one main landmark, you could have put all the content inside the main tag, this would make the code more semantic. click here to read about it

    2- I saw that you didn't use the font-family as in the example layout, you can find the link to google fonts in a file called style-guide.md.

    Congratulations on the challenge. Hope it helps... 👍

    1
    Marko•80
    @smarko-webPosted about 2 years ago

    @AdrianoEscarabote Greatly appreciate your feedback!!

    0
    Marko•80
    @smarko-webPosted about 2 years ago

    @AdrianoEscarabote I fixed the issues that you recommended me, not sure how the fonts turned out. .

    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