NFt Card Component using flexbox

Solution retrospective
Hi!! This is one of my first challenges. I still have a lot to learn and it probably took me more time than necessary to complete it, but in the end I managed to finish it and I really enjoyed it a lot 💪 Any feedback on how to improve and organize my code is welcome. Thank you!! 😃
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Hassiai
Add the alt attribute
alt=" "
to the img tag and give it a value to fix the error issue. The value of the alt attribute is the description of the image. For decorative images like icons, there is no need to give it an alt value, for more on alt attribute Click here.To center .card on the page using flexbox or grid instead of margin, add min-height:100vh; display: flex; align-items: center: justify-content: center; or min-height:100vh; display: grid place-items: center to the body.
USING FLEXBOX: body{ min-height: 100vh; display: flex; align-items: center; justify-content: center; }
USING GRID: body{ min-height: 100vh; display: grid; place-items: center; }
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful
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