Design comparison
SolutionDesign
Solution retrospective
How is this? I had a hard time setting a proper height. please, give me a suggestion if you have any! Thank You.
Community feedback
- @LeonardoMancilhaPosted over 2 years ago
Hey, KJ! I found a solution for you:
main { height: 900px; display: flex; justify-content: center; align-items: center; flex-direction: column; gap: 20px; }
@media only screen and (min-width: 1000px) main { max-height: 713px; margin: 0 auto; }
On tag main, you remove the width: 1440px; And on only screen and (min-width: 1000px) you put these settings on top.
1@Karthick-J-11Posted over 2 years ago@LeonardoMancilha Thank you so much! I'll try that. I appreciate your help.
0
Please log in to post a comment
Log in with GitHubJoin 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