Design comparison
Solution retrospective
I will continue to improve on my styling. Apparently there is a lot for me to learn when it comes to styling.
What challenges did you encounter, and how did you overcome them?I had issue with positioning the footer to the base of the body.
What specific areas of your project would you like help with?Positioning the footer at the base and also properly aligning the author name and image.
Community feedback
- @radriann21Posted 5 months ago
My advices:
-
Use more semantic tags. The tag that encompasses the card should be "article" by convention and to separate the text from the illustration, use a "section". You don't need to use br for separation, use margin properties.
-
Use reset css (not mandatory but good practice!)
-
Also use CSS variables
-
Use the colors and all the resources that the project brings! It should be as close to the design that is presented. Although you can add a touch of your own design.
-
The design doesn't look good at smaller sizes (320px)
However, the design is quite similar to the one presented and the project looks good!
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