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

Three columns with css grid

RedMwp 790

@RedMwp

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

Solution retrospective


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

Am grad I got to learn grid didn't understand it at first but all is good now

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

I would like some feedback on how I can improve

Community feedback

P

@amjadsh97

Posted

nice job! you can remove the the media query for 700px and add this for mobile and desktop: main { width: unset; max-width: 1000px; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); display: grid; } auto-fit useful for mobile view and desktop

Marked as helpful

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