Design comparison
SolutionDesign
Solution retrospective
Grid is the best and the important theme is CSS, isn't it?
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Yoseif, congratulations for your new solution!
Your solution seems great and the hover effect you give for the cards is really nice. You've missed only two things, the section alignment and the proper font.
Here's my tips for you:
Use Google Fonts and the file
style-guide.md
to have the font-sizes, colors and etc.To give it a proper alignment:
body { display: flex; background-color: hsl(210, 46%, 95%); min-height: 100vh; align-items: center; justify-content: center; }
Here's the correct font import:
@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@400;600&display=swap);
π I hope this helps you and happy coding!
Marked as helpful0
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