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 CSS Grid

@Fathima-Nuha

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@dev-mksingh

Posted

Hey @Fathima-Nuha nice try, but what i'll recommend is first stick to the basics, don't jump to bootstrap or any framework until you have proper fundamental understanding of the basics, here if you resize your challenge you'll see that for medium size screen the layout is messy, kindly fix it. Due to this the site doesn't appear responsive. So as i said first stick to basics and then use frameworks to make your projects faster. In your project simply use min-width or max-width so that the content shouldn't be messy for small screens. or use flexbox; Hope this will be helpful, happy coding

1

Rachid 190

@Rachid02elhaidi

Posted

@dev-mksingh i think by CSS grid would be better

0

@dev-mksingh

Posted

@Rachid02elhaidi Flex or Grid both are better features. It's totally upto you. I prefer grid when its about layout more than content. And flexbox when its content specific. Also, Grid is good for two dimensional layout which is not case in this challenge.

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