Submitted over 2 years ago
NFT Preview Card Component using CSS Flexbox
@dairon-canel
Design comparison
SolutionDesign
Community feedback
- @correlucasPosted over 2 years ago
๐พHello Dairon Canel, congratulations for your solution!
Your component is really tiny in comparison with the design files. To fix this behavior you need to avoid using
width
in the inner content and addmax-width: 350px
(this is the container size).Doing that you'll make sure that the container has its proper size, to have more control you can use
box-sizing: border-box
and work the elements inside just giving paddings and notwidth
.Doin'g that you sell that the component will get closer to the design file.
Hope it helps and happy coding!
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