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 feature solution

@zp021

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


I didn't know about grid areas, so had to do some googling to arrange the cards. Hopefully that was the right way of doing the card arrangement. I noticed my sizes are consistently off by a little, usually smaller, but I guess that comes with practice. I've tried to open the design photos in photoshop, and via the select tool get the sizes, which somewhat works, but when coding in those measurements in vscode, they seem to be off by a bit, so it takes additional calibration. I also overlay the design photo with the solution and check that way to. If anyone has any tips regarding that, please let me know.

Community feedback

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