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

Card Component

@T3chfuzion

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


What are you most proud of, and what would you do differently next time?

With this project, I started to teach myself bootstrap. It felt like a learning curve, but I feel that it came together pretty well.

What challenges did you encounter, and how did you overcome them?

Trying to figure out the rows and columns, as well as centering the card in the middle of the page

What specific areas of your project would you like help with?

During the build, I was having a hard time making the component deploy properly to mobile. It still deploys but not the way it was supposed to per the instructions.

Community feedback

@Randomgituser69

Posted

The container or card color must be white besides the background color being cream plus the font family should be Montserrat sans-serif and for h2,span. It should be Fraunces serif font family. If you don't know how can you do that then go google font then search for the font. Then click on get embedded code then copy and paste it to your code. H2 font size should be 700 and it's style bold.

1

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