Skip to content
Submitted about 3 years ago

Mobile first design using flexbox and grid

ccbdp•315
@ccbdp
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

Any kind of feedback is highly appreciated! I used grid in the desktop version and set the width to 50% to center the content, let me know if there is another way I can center it horizontally and vertically! Thanks a lot!

Community feedback

  • Dušan Lukić•1,660
    @dusanlukic404Posted about 3 years ago

    Hi CCBDP!

    • Don't use class for body. Use semantic HTML elements for things like that main card (ex. section)
    • Then for centering things you can set display flex to body and justify-content and align-items center
    • On mobile screen we can't see the third card (Why Us)
    0
    ccbdp•315
    @ccbdpPosted about 3 years ago

    @dusanlukic404 Hey! Thank you so much for the feedback! I'll read up more about semantic html, I appreciate it a lot!

    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