Design comparison
SolutionDesign
Solution retrospective
The page is basically completed but I'd like to receive feedbacks on arranging card-item in desktop size (if available) to better optimizing CSS grid. Thanks in advance!
Community feedback
- @pqhung3007Posted about 3 years ago
Wow it really helped. Thanks so much for your comment!
0 - @fidellimPosted about 3 years ago
Hi Quang,
Great work on this project. Just a suggestion I would like to share is by adding a max-width on your introduction class.
.introduction { max-width: 30rem; width: 100%; }
What this does is if the screen is less than 30 rem, the introduction class will be set to 100%. This will prevent the cards from going to the left side once the screen decreases in size (width).
I hop it helps :)
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