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 feature section master

HShirzadβ€’ 170

@Haseebullah555

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

Dust98β€’ 130

@Dust1100010

Posted

Hey dude, congrats for the challenge ✌. to center the container use this: height: 900px; width: min(1000px, 100%);

and in the "cards" class just need margin-top: 30px

try to use diferents font sizes and colors to make tha page more similar like the original desing. Good Jod πŸ˜‰

0

HShirzadβ€’ 170

@Haseebullah555

Posted

@Dust1100010 thanks bro!!!

0
Abdulβ€’ 8,560

@Samadeen

Posted

Hey!! Cheers πŸ₯‚ on completing this challenge.. .

Here are my suggestions..

  • You should use <main id="container"> instead of <div id="container">.
  • Go down orderly when you are using the headings h1 down to h2 down to h3 and so on and not leave them empty.

This should fix most of your accessibility issues

. Regardless you did amazing... hope you find this useful... Happy coding!!!

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