Submitted 9 months ago

AI SaaS landing page using grid

Mohamed Hamdan•80

@Muhammed-Hamdan

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

What are you most proud of, and what would you do differently next time?

Used only grid for complete layout
Used grid template-areas to make design responsive

What challenges did you encounter, and how did you overcome them?

Had issues with setting all 4 cards to same height in desktop design (since I had a grid row for spacing between cards), used debugger and compensated for row gap using margins.

What specific areas of your project would you like help with?

Would love to hear your critique on my CSS code, especially on the readability and organization

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Mohamed Hamdan's solution.

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