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

CSS & HTML

MICHAEL 150

@Generoustechnocrat

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

@MehrshadHeisenberg3

Posted

Hello there. Great job for the design. I have made the changes in your github and I want to explain them here.

Well it's better to wrap those prices in a div and then use two spans to put the prices in them.

Then, we give the div a class which I gave "prices". After this, we set the display for "prices" to flex and with gap, we define the space between them and with align-items we align them vertically.

I hope that my comment was helpful and your design was great!

Marked as helpful

0

MICHAEL 150

@Generoustechnocrat

Posted

@MCKH03 thanks for the help, I will check them out

0
MICHAEL 150

@Generoustechnocrat

Posted

The price was heck of a problem, I don't really know why the fonts ain't working there, I did all i could do, yet still looks that same way.

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