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 with HTML and CSS (CSS Grid)

Giorgi 200

@siduki

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


Hi. My another solution with HTML and CSS (CSS Grid), it was little hard for me, I don't know how good is my code, please check it and give me advices. Thank you.

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Hello @siduki, Congratulations on completing this challenge!

Great code and great solution! I’ve few suggestions for you that you can consider adding to your code:

Improve the semantic replacing the <div> used for the four cards and use instead <article> that is a better tag, remember that <div> doesn’t have any effective meaning is just a block elements, so for big block of elements use semantic tags.

This a good resource to understand more about semantic tags: https://www.w3schools.com/html/html5_semantic_elements.asp

✌️ I hope this helps you and happy coding!

Marked as helpful

0

Giorgi 200

@siduki

Posted

@correlucas Thank you Lucas. I already work on Responsive, it's little complicated now on this design but will done it soon.

1
Giorgi 200

@siduki

Posted

@correlucas Thank you again, I already change, what you suggested and also made responsive. If you can, please check it, how it works?

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