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

P

@morganwhite

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Looking for feedback on this, in particular how the grid layout could be improved, and how to better apply the svg background image. Thanks!

Community feedback

P
Matt Studdert 13,611

@mattstuddert

Posted

Hey Morgan, nice work on this! I like the 12 column grid that you've created. One way you could do the background pattern would be to have a single parent element that spans the columns and contains the content. But then you'd have to do some workarounds with the order of the image for mobile. I like the approach you've taken and it achieves the design.

Keep up the great work! 👍

0

P

@morganwhite

Posted

Thanks for the feedback! I'll keeping tinkering on this one so I can apply what I've learned to the challenges to come

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