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

Challenge-4

@Journey-Grinder

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Konrad 370

@konradbaczyk

Posted

Hi, unfortunately this project is not responsive. Next time try do mobile view first.

Next:

  • In this fragment:
<div class="paragraph"><p>A floral, solar and voluptuous interpretation composed by Olivier Polge, 
  Perfumer-Creator for the House of CHANEL.
  </p></div>

U don't have to make paragraph into div. Just add paragraph with class. Additional name this class correctly. In this fragment u could do like this:

<p class="description">A floral, solar and voluptuous interpretation composed by Olivier Polge, Perfumer-Creator for the House of CHANEL.</p>

"p" is block element like "div" so u can style it like div :)

0

@Journey-Grinder

Posted

@konradbaczyk Yeah this was one of my first solutions. Where I tried to focus more about positioning and after mastering it for a bit. I could go for responsivness. You can see my last 2 solutions I guess they re really responsive

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