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

Product Preview Card with abit of flexbox

Yosef S 30

@Yosef-Solomon19

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 tried using a bit of flex box, and it'll probably be something I want to learn more of to get comfortable with.
  • I think the one issue I ran into was wrapping the image with a <div> tag. When I needed to adjust the space around the image it kept getting smaller. But as I switched to the <img> tag I wasn't having that issue at all.
  • Another minor issue was trying not to set width on the parent element I think when I'm already using flexbox.

-This is my first time posting so I hope I did alright. I'm more concerned about if there were certain stylings that I did that can be written in fewer lines of code.

Community feedback

kdugaspar 140

@kdugaspar

Posted

Olá @ Yosef-Salomão19 uma dica Não pule níveis de título: sempre comece de <h1>, seguido por <h2>e assim por diante, vir que você pulou do <h1> para <h3> e depois <h5> deixando o <h2> e <h4> de fora. Semanticamente não é bom ;) espero ter ajudado!

0

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