Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
๐พHello @zizi-ayman, Congratulations on completing this challenge!
I've just opened your live site and I can say that you did a great job putting everything together! There are some tips to improve your solution:
These cards are too big, the correct size for the is
320px
with 20px of paddings, see the code below:.info { background-color: hsl(300, 43%, 22%); color: white; border-radius: 10px; display: flex; flex-direction: column; justify-content: center; padding: 0% 6%; max-width: 320px; padding: 20px; }
Add the background svg images to the body to make it full screen
โ๏ธ I hope this helps you and happy coding!
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