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

four card in responsive way

@AfridAnwar

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hey I would like to know how easily can i build more better responsive page thank you

Community feedback

@ChrisMulvanyGH

Posted

Hi @AfridAnwar,

You have done a nice job on this. I have some feedback which I hope is helpful.

  • You have many classes created for the different headings and description per card. This is not necessary. It would be easier to maintain your CSS by creating one class for '.card' and one class for each of the headings 'heading' and 'subheading' and a description'. Then you can apply these styles to each of your card elements.

Take a look at my solution to this challenge and I would hope you would get a better understanding of the above advice.

Keep up the great work!

Chris Mulvany

0

@dostonnabotov

Posted

Hi, there! That looks great! Check out my solution where I used grid layout to make it responsive. Good luck!

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