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

challenge solved successfully using some HTML & css , check it out

@Ayakhaled0197

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

@tylerhyndman484

Posted

Hello!

You have the right idea here but a couple of things I can suggest to improve:

  1. Need to add some spacing at the top of page above the title text
  2. Add some spacing below the sub "Powered by Technology" text
  3. Add a little more spacing below the "Our artificial" text
  4. The cards need to have more padding around the top, left and right side
  5. The cards need to have less padding on the bottom of the cards underneath the image
  6. The cards need to be smaller but fixing a lot of the issues about and below should help with that
  7. The text needs to be bigger in general across the board. Start with the 15px baseline and then increase everything else accordingly that seems to need to be bigger

The gap on the grid and the layout look great though! Nice job on that!

I hope this helps! Let me know if you have any questions!

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