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

Responsive landing page using grid.

@lawal2000

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 am back again!

Community feedback

@asbhogal

Posted

Hi Sherif.

Good work! Just wanted to highlight a couple of important things here however:

  • You're using a non-existent element in your main - the dv for the template-container. Perhaps you meant div?
  • The elements are meant to be displayed as a grid to keep their structure (ie. intrinsic values.) There's some good resources in the Discord server challenge roadmap on how to use this. I suggest you look over CSS Grid and refactor this.

Hope this helps!

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