NFT preview card using CSS flexbox

Solution retrospective
Still new to making web pages responsive. Although it is responsive, i still have to learn more about how to utilize flexbox and grid properly
Please log in to post a comment
Log in with GitHubCommunity feedback
- @RioCantre
Hello there! Good job in completing this challenge. Regarding your solution, I would like you to notice the following…
- Clean the whitespaces in the code
- Instead of
div
, alternatively wrap the whole content with semantic tags, for HTML structures, refer it with this one Semantics - Remove
height: 75vh;
in thediv.container
ruleset - To understand more about the hero image hover state, refer it with this example Overlay in Image
- The project is not responsive, use Flexbox for the aligment or
margin:auto
or better adjust the properties in the media queries
In the brighter side...
- The hover state of the design is done properly
- The CSS files is well structured and proper usage of sizing elements
Above all, the project is done well. Keep up the good work! Cheers!
Join 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