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

3-column preview card component

@tejasvi2708

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

@francescomerighi1202

Posted

The solution you posted is not responsive :(

Try adding a media query that handles page behavior on different device sizes.

One more thing, avoid using fixed height and width (especially heights), let the card adjust to the content.

I also advise you to use flexbox, not only to center vertically and horizontally, but also to ensure that below a certain threshold, the cards are arranged vertically, as shown in the result.

In any case, don't hesitate to look at my solution if you need to ;)

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