Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

NFT Card

#semantic-ui#lighthouse
Edgar 70

@protondk

Desktop design screenshot for the NFT preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Centering the card vertically was difficult at first but after some research I was able to do it. Have in mind that I am a newbie haha!

I tried to use BEM for my CSS classes but I'm sure I did it wrong. Would you please give me some feedback on how to use BEM for my classes?

Thanks in advance, Edgar.

Community feedback

Eduardo 910

@KTrick01

Posted

Hi Edgar! I have a little advice for you, one way of easily centering things in your page is using flexblox in the body of your html, like this:

body {
   display: flex;
   justify-content: center;
   align-items: center;

}

I hope that you find it useful in your future challenges!

Marked as helpful

1

Edgar 70

@protondk

Posted

@KTrick01 Thank you Eduardo for taking time to reply! I surely will use this to center elements from now on.

0
mubizzy 1,520

@mubizzy

Posted

Excellent job on this challenge!

1

Edgar 70

@protondk

Posted

@mubizzy Thank you!

0

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