Submitted over 1 year ago

Product preview card using html and css

Charles Effiong• 10

@charleseffiongjr

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Product preview card component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

I thought about using the css grid but it dint work despite having to code in the bootstrap link and script.
What could i have done to get the white background color over the papaywhip? I found that to be really difficult.
Is there a way i could have coded this without bootstrap? even though i did all that without bootstrap.

Community feedback

Adán Estévez• 320

@rafdidact

Posted over 1 year ago

Hey, Charles!

Bootstrap doesn't allow for much customization of the styles being applied to your HTML, which has a reason to be, but sucks in cases like this. I suggest you to look at other people's approach to this challenge and try to solve it with CSS.

You can start with my code. Hope it helps.

Please log in to post a comment

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