Design comparison
SolutionDesign
Solution retrospective
my difficulty is being the transition from 768px to more the page is cutting my main.
somebody help?
Community feedback
- @correlucasPosted about 2 years ago
๐พHello @jorgealves-b, Congratulations on completing this challenge!
I've just opened your live site and I can say that you did a great job putting everything together! There are some tips to improve your solution:
1.Make sure the content will be ever vertically aligned using
flexbox
andmin-height
:body { min-height: 100vh; font-size: 1em; display: flex; flex-direction: column; align-items: center; justify-content: center; }
2.Activate the media query a little bit earlier to avoid the layout breaking, for example change the column flow around 900px.
โ๏ธ I hope this helps you and happy coding!
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