
Design comparison
Solution retrospective
This was not my most confident project and I am just grateful I have finished it.
What challenges did you encounter, and how did you overcome them?A lot! Mostly concerning width and responsiveness.
What specific areas of your project would you like help with?Responsiveness.
Community feedback
- @skyv26Posted about 2 months ago
Hi @davistar21,
💡 I noticed that your card could benefit from some simplification. Instead of using a media query and min-height, I suggest focusing on maintaining consistency in the card's width and making it more visually appealing.
✨ Here's a quick CSS refactor for you:
main { max-width: 360px; /* min-height: 35rem; */ background-color: hsl(0, 0%, 12%); display: flex; flex-direction: column; padding: 25px; border-radius: 10px; }
This will help you create a neat, responsive card without extra complexity. Let me know if you need any further assistance! 😊
Marked as helpful0 - @skyv26Posted about 2 months ago
let me know if you have any doubt regarding removing the min-height
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