Mobile-first Solution for NFT preview card using flexbox

Community feedback

• 

  Mahmoud Ashraf•310

  @m-Ash1Posted about 3 years ago

  hey Mariam, Amazing job dealing with the component. I had some comments on your code

  1. Use height: 100vh; overflow: hidden; to make your workflow all the screen not just upper side from it -on one-screen pages only-
  2. Use display: flex; justify-content: center; align-items: center; to centralize the card instead of using margin cuz' you already know flex box

  finally I recommend you checking this game Flexbox Zombies it will make it easier for you to deal with flexbox and also it's funny game :)

  Marked as helpful

  1

  ---

  

  Mariam Fkini•80

  @Mariam-RfPosted about 3 years ago

  @m-Ash1 Thank you so much Ash for your feedback and for taking the time to read through my code! I'll make sure to apply it in my future projects. Thanks for the game recommendation I'll surely check it out ^^

  1