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

three card problem with html and css

@bshankar1729

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@promathieuthiry

Posted

Hey great job your solution is responsive.

You did not import well the font that's why it looks different from the preview image. You import like this => @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&family=Lexend+Deca&display=swap'); but the easiest way to do it is to go to the google font website ans select yours fonts.

The container also lacks a border radius. The button at the bottom should have a more space.

Marked as helpful

1

@bshankar1729

Posted

@promathieuthiry This is really helpful ,much appreciated.

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