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

4 card Section (made with Grid)

@MichaelKanios

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


Not responsive yet ,any suggestions are welcome.

Community feedback

@AliMahmoud21

Posted

Hi Michael! I have some tips for you, I suggest you put all your code inside a container and then give it "max-width", also, give the text the half "max-width" that you gave to the container so it looks like the original design. you can also use "grid-template-columns: repeat(3, 1fr)" it will divide them into three columns and give the same result as the original design. You can also remove or reduce the box shadow, I think the design will be much better without it, as well you can put and implement all the ideas you want in the design. I hope this was helpful.

Marked as helpful

0

@MichaelKanios

Posted

@AliMahmoud21 Thank you very much for your time I am really appreciate your feedback , it’s very helpful . I will try it .

1

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