Design comparison
SolutionDesign
Community feedback
- @NehalSahu8055Posted over 1 year ago
Hello Coder 👋.
Congratulations on successfully completing the challenge! 🎉
Few suggestions regarding design.
- Remove the
commented
line from the below code it makes no sense to add them.
body { height: 100vh; /* width: 100vw; */ background-color: var(--Charcoal-Grey); display: grid; place-items: center; /* position: relative; */ }
- Replace
height
withmin-height
. - Give breakpoint at
@media (max-width: 850px)
to make it visible to all screens. - Add this line of code to input text to make it a bit centered from both sides.
input{ padding-inline:1rem; }
I hope you find this helpful.
Happy coding😄
Marked as helpful0 - Remove the
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