Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT preview card component challenge hub

Anul 90

@AnulQr

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Travolgi 🍕 31,420

@denielden

Posted

Hi Anul, great job!

Try using Flexbox, it can help you better center elements on the page: give the flexbox and height properties to the body and remove all margin from the .container class.

Read the guide -> Flexbox

Note: Flexbox aligns to the size of the parent container.

You can use the vh measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.

Also look at the report issues. Images must have alt text, it's very important!

I hope that helps!

Marked as helpful

0
Anul 90

@AnulQr

Posted

Thanks for the suggestion for @denielden, I will study again so I can get better results.

and I'm sorry because I don't speak English so I write with the help of a machine translation

1

Please log in to post a comment

Log in with GitHub
Discord logo

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