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

half layout

@IExFire

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


Unfortunately I was not able to position the item next to "Add to cart" (in button part) I tried with position: absolute but once I change screen size... everything smashes xD

Community feedback

chucksterv 180

@chucksterv

Posted

Hey mate, good job on completing the challenge. Have a look at CSS pseudo elements. ::before and ::after specifically. This lets you add content before or after a specified element which is really handy for a problem like this. In my case, I added this using a ::before element on the button I believe.

Happy coding!

Marked as helpful

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