Design comparison
SolutionDesign
Solution retrospective
❤
Community feedback
- @ApplePieGiraffePosted almost 4 years ago
Hey, Stelin! 👋
Congratulations on completing your first Frontend Mentor challenge! 🎉 Good work on this one! 👍
I suggest,
- Adding a
max-width
to the main container or wrapper to prevent the content from becoming too stretched on extra-large screens. - Adding some actual margin or padding around the top and bottom of the page so that there's always some room between the content of the page and the edges of the screen in the desktop layout.
- Adding
text-align: center
to the text content of the page in the mobile layout. - Adding some more space between the form and the edges of the screen in the mobile layout.
Keep coding (and happy coding, too)! 😁
And happy holidays! 🎄
1 - Adding a
- @harika09Posted almost 4 years ago
Great Job on this one @Stelin
Got some few recommendation.
- check the validation when I clicked the button it will just stack the error.
- add cursor: pointer; when hover on the button.
- lower the padding on the smaller device on class="info".
Good job on this. Happy coding!
1
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