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

Responsive four card

Ali Ayad 60

@ali-ayad

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P

@kwaeterinckx

Posted

Nice work. The responsiveness on mobile and desktop works fine. But in between, in table mode, the cards are positioned in a strange way. Maybe add some styling for medium sized screens.

The design looks good, just some adjustments to make on the font sizes and weights for the titles. The css contains a lot of literal values. You can try to use custom properties instead (it's like variables but for css). There are a lot of resources to learn it on YT for example. Definitively worth to learn, it will help you a lot for responsiveness.

Keep up the great work !

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