Design comparison
Solution retrospective
I need yours views on how max-width, min-height, aligning main at the center of the webpage and overflow adapt to responsiveness in mobile and desktop views or at the various break point mostly in regards to this project.
All views are welcomed.
Community feedback
- @NehalSahu8055Posted over 1 year ago
Hello Coder 👋.
Congratulations on successfully completing the challenge! 🎉
Few suggestions regarding design.
➨Place
max-width:1440px
frombody
to yourmain
.➨To properly center the container.
- USING FLEXBOX
body{ min-height: 100vh; display: flex; align-items: center; justify-content: center; }
- USING GRID
body{ min-height: 100vh; display: grid; place-items: center; }
-
Every site must have one
h1 element
describing the main content of the page. -
So, Add a
level-one heading
instead ofp
toimprove accessibility
. -
Use
responsive units(rem, em, %)
from next project. Explore respective use cases on google.
link.
I hope you find this helpful.
Happy coding😄
Marked as helpful0
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