Submitted about 3 years ago

Mobile first design using flexbox and grid

ccbdp• 315

@ccbdp

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Single price grid component

HTML
CSS

1newbie

View challenge

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

@dusanlukic404

Posted 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)

ccbdp• 315

@ccbdp

Posted 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!

Please log in to post a comment

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