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 section project

@iyke-e

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

Tony 100

@TonyHansord

Posted

Your solution is great, I liked in particular the hover animation.

To get the original layout, may I suggest putting the boxes in one container and using grid layout to split the boxes into 3 columns by using grid-template-columns and setting it to 33.3% 33.3% 33.3%, and adjust the padding.

Each column of boxes should have its own div. eg;

  • one for cyan box,
  • one for red and yellow
  • one for blue.

I Hope this helps.  🙂

Marked as helpful

0

@iyke-e

Posted

@TonyHansord

thanks Tony i really appreciate the feeback i would put them into use

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