Submitted about 3 years ago

CSS, Flex and HTML

@Wandesanguine

A solution to the Single price grid component challenge

Solution retrospective

I'm so glad I just discovered my problem with media queries. I used to code this; @media (min-width =768px){ mycode:property }. Instead of this; @media (min-width =768px){ mycode:property }. I was so fraustruated that i had to drop my PC and do something fun to clear my head. Love to every developers out there and those that have been taking time to comment on my solutions. Love from Wande. Happy coding everyone.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

Suraj Raju Hadage•670
@SurajHadage
Posted about 3 years ago
Use Paint app to get accurate dimensions of design. I have suggestion to shorten your HTML :
<main><section><h1><h2><p></section><section><h3><div><span>29$</span><span>text</span></div><p><button></section><section><h3><ul></ul></section></main> TO put your <main> element center, use body {display; flex; align & justify content : center;}
Holat•640
@Holat
Posted about 3 years ago
You can always center a static page by making the container flex

.container{ width: 100%; min-height: 100vh !important; display: flex; align-items: center; justify-content:center; }

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