Design comparison
Solution retrospective
Is there anything that I can change or add? So I can make better sites soon, thank you in advance.
Community feedback
- @HassiaiPosted almost 2 years ago
To center a content on a page, add min-height:100vh; display:flex; align-items-center: justify-content: center; to the body. There is no need to give main a margin value.
Use rem or em as unit for the padding , margin,width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To
Hope am helpful.
Well done for completing this challenge, you did a good job. Happy Coding
Marked as helpful0@lwrncgmbnPosted almost 2 years ago@Hassiai Thanks for the information, I really need that <3
0 - @catherineisonlinePosted almost 2 years ago
Looks great, make sure to add alt tag to the image and use h1 for the text "Improve your front-end skills by building projects "
1 - @AtharanePosted almost 2 years ago
To start with you can center the card vertically with Flexbox, overall the project looks promising.
0 - @davdifrPosted almost 2 years ago
The work is well done and is very similar to the preview, congratulations! The only thing I would suggest adding is a slight shadow to the card, which is present in the example template. I am confident that with your skills it will not be difficult to complete this step as well! Best regards.
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