Skip to content
Submitted almost 4 years ago

Mobile First Responsive grid layout

Nicholas•80
@nicholask98
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi all,

I appreciate any help you can suggest. Specifically with grid layouts as I've only recently started learning grid. I also tried to make the site responsive with minimal media queries, was this a bad choice? Do you have any suggestions on how to make it better/more responsive?

Best

Community feedback

  • Web Frog•1,840
    @MasterDev333Posted almost 4 years ago

    Great work @Nicholas. Everything well organized and fully responsive. Missed round bottom left for monthly subscription and why us border-left should not be round. However, overall great. Happy coding~ :)

    1
    Nicholas•80
    @nicholask98Posted almost 4 years ago

    Hi @MasterDev333

    Thanks for checking out my solution. I appreciate your feedback, as always :)

    Best

    0
  • Account deleted

    Great solution. The bottom left corner is not rounded though. I like the responsiveness, this is a good use of grid

    1
    Nicholas•80
    @nicholask98Posted almost 4 years ago

    Hi there, Prosper!

    Good catch! I forgot to adjust the border-radius in the media query. Thanks for letting me know.

    Best

    0

Please log in to post a comment

Log in with GitHub

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