NFT preview card component solution
Design comparison
Solution retrospective
Do you think the structure and design are good? What would you improve about my code?
Any feedback is welcome!
Community feedback
- @correlucasPosted over 2 years ago
Hey João! Congratulations for your solution!
I think you did a good job wrapping up all information inside the container, there's two things your apply to make the card better for various screens. You apply flex-wrap: wrap; and also set the card width a flexible value, your actual card width is set as
width:340px
thats a fixed value, if you set max-width this means that under 340px the card will be flexible and stretch.You can change the code like the example below:
.card { max-width: 340px; background: hsl(216, 50%, 16%); border-radius: 15px; }
Parabéns! Keep it up!
Marked as helpful1
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