All comments

• 

  Akanni Feyisara•110

  @Feyisara2306Submitted over 2 years ago

  What is the best method of centering the whole page content? Feedbacks are welcome! Thanks.

  

  Responsive NFT-Preview card

  2

  71
  

  jimmy•200

  @jimmyhachemPosted over 2 years ago

  1. in the body : 'display:flex; justify-content: center; align-items: center; height: 100vh' , But you would have to correct the width and height of the 'wrapper'.

  2. Put everything in a div and add 'display:flex; justify-content: center; align-items: center; , width: 100%.

  3. in the wrapper : 'position: relative , left:50% , top:50% , transform: translate(-50% , -50%)'

  Hope this helps :)

  Marked as helpful

  0
• 

  Isaura•120

  @isauraisabel5Submitted over 2 years ago

  Overall pretty proud of how it turned out.

  The only thing is that I'm not super happy about the responsiveness of the page, but that's something that I'm still trying to learn. Next time will be better :).

  

  Sunnyside Agency Landing Page

  1

  30
  

  jimmy•200

  @jimmyhachemPosted over 2 years ago

  try putting the photos below the orange one , in a single div then put 'display: flex' 'flex-wrap: wrap' on that div with a width of 50% for each one of them . Then change it to flex-direction: column and width 100% in a media query of 800px or 900px. If you don't know how to do it, check my code. It's in the hero section with class='hero' and each image has a class='box' Hope this will help you!

  Marked as helpful

  0