Design comparison
Solution retrospective
Used media queries to make it responsive for different type of screens
Community feedback
- @BMcdavittPosted about 2 years ago
Nice job completing your first solution!
One quick suggestion if you don't mind, an easy way to center your content vertically is to set the height to 100vh within the body definition. This would make the height of the body equal to the height of the viewport. This taken with the current "align-items: center" definition will nicely put your content in the middle of the browser's view port.
body{ display: flex; height: 100vh; align-items: center; justify-content: center; background-color:hsl(212, 45%, 89%); }
Marked as helpful1@ritesh7785mishraPosted about 2 years ago@BMcdavitt thanks for your suggestions 😊 made corrections in the code
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