Design comparison
Solution retrospective
I just trained my skills in HTML and CSS for don't forget them. I didn't use any frameworks or libraries. I just used HTML and CSS.
Community feedback
- @Bibiwei-PerePosted over 1 year ago
Hi
Congratulations on completing this challenge
Firstly, the desktop version of your solution is not properly centred. To fix this add the following CSS to your body
body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
Also, the width of your mobile version is occupying the entire screen. To resolve this add the following CSS to make your design responsive on mobile devices
@media (max-width: 760px) {
.wrapper { width: 90%; }
}
Overall, you did a great job 👍
Hope you find this helpful
1 - @motuncodedPosted over 1 year ago
Congratulations to you in creating solution to this challenge. The items inside the body can be centered
body{ justify-content: center; align-items: center; min-height:100vh; }
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