
Design comparison
Solution retrospective
just all in general, documentation, good praxis, etc
Community feedback
- P@RogeanCostaPosted 2 months ago
Hi! 👋
First of All, Congratulation for the Result! 🎉
I have some recommendations for you 😁:
1) Design
There are some parts of the interface you built that don't look very similar to the design. You can see clearly differences in weight and even in the border. This exercise is part of the first learning path, which includes a .fig file what can help you a lot. I suggest you use it to build interfaces that are as similar as possible.
I saw that you used google fonts to get the correct font. You could also have used the font files provided in the directory files provided. Research how to use them and include them in your interface. Tip: Search for @face-fonts. 😉
2) HTML
Your HTML code is very well constructed, I liked it! 👏
3) CSS
Your card doesn't seem to be completely centered, you seem to have had some difficulty trying to center it on the body with grid and then apply flexbox to the card itself. For this centering part, I suggest you always keep this resource saved, which I think is wonderful:
By the way, I like the way you defined the colors as variables! 😊
Don't give up! Continue your studies, always trying to improve! 🦾
Marked as helpful1
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