Nft preview card using flexbox and scss
Design comparison
Solution retrospective
The project was good to practice my flexbox skills. The overlay effect over the image was the obstacle. I made a research and I found a solution, but I would like to know if there is a better way to do this effect.
Any feedback is welcome, thanks :)
Community feedback
- @Deevyn9Posted almost 2 years ago
Hi Abelardo, congrats on completing this project, your solution looks really good, however, you'll need to use
max-width
instead ofwidth
to make the container more responsive for smaller screens, you'll also need to add paddings to the left and right of the body to give it a bit of space from the container when it goes below the specifiedmax-width
.I hope this is helpful to you.
Happy Coding!π
0 - @ZeyadMohamed1805Posted almost 2 years ago
Awesome job as always! ππ
-It looks like the header should be a little smaller like h2 maybe, but other than that, everything looks fabulous!
Keep up the great work! Hope you find this helpful π
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