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.
@SurajHadage
Posted
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
Posted
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 thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord
