NFT preview card with image overlay and flexbox

Community feedback

• 

  Fernando•145

  @Faerk77

  Posted over 3 years ago

  Hey! @sandeshad100 Excellent work.

  If you want to center it just add "heigth: 100vh;" on body, then "margin: auto"; on the card element.

  100vh to use all the space available in the screen, then margin auto to center the container over that free space.

  Here my solution & how i resolved it. https://www.frontendmentor.io/solutions/html-and-css-KcWgiM6ha

  Grettings!

  12

  Marked as helpful
• 

  Web Wizard•5,690

  @rsrclab

  Posted over 3 years ago

  Hi, @sandeshad100 ~

  Congratulate on your 2nd solution on FM challenges. I have studied your work and it looks great. I have learned much from your work, and here is some of the tips I want to provide.

  1. I think implementing transition on hover effects would make your work more brilliant.
  2. I hope you to class the parent element as card and try to use BEM structuring in classing elements. That would be big advantage when you work on bigger projects.
  3. Why didn't you try to vertically center the card?

  https://www.frontendmentor.io/solutions/my-first-solution-on-chanllenge-V-4IzAivH

  Here is my solution to this challenge, and I hope this could help you even a bit.

  Happy coding!

  12

  Marked as helpful