Design comparison
Solution retrospective
The layout itself is simple. I used flex properties to center the card, and for the exact location of the elements.
Community feedback
- Account deleted
- There's lots of empty space below your text. Shorten your design.
- Increment the font-size and font-weight of your h1 and p element. Add some padding on top and bottom of the elements.
- The border radius in the design is more than what you have set. Make these changes that would get you closer to the desired output.
Marked as helpful1@ilvdrsknPosted almost 2 years ago@theghostuchiha Hello! thank you for leaving your comment under my work! About the font: this is my scourge that I am fighting. Most likely, the fact is that I use fixed values in pixels, when it would be more practical to use em and rem, probably. I also tried to set the size as a percentage, but it looks like a crutch
0 - @FelipinDRPosted almost 2 years ago
Try using a responsive unit such as rem or em for the main container to add responsiveness to your site
Marked as helpful1@ilvdrsknPosted almost 2 years ago@FelipinDR hi! Thank you for leaving a comment under my work! I will definitely try your advice
1
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