All comments

• 

  Olebogeng Sebogodi• 80

  @Olebxgeng

  Submitted over 1 year ago

  I struggled to space the image & details 50/50 on a bigger screen. Struggled with centering my main on the page but figured it out (Would really like to know a better way to do it). How to center my main on the mobile device to get rid of the horizontal scrolling. Any advice on how to better my code, thanks.

  Appreciate the feedback & help :).

  

  HTML CSS

  3

  60

  

  wheels63• 50

  @wheels63

  Posted over 1 year ago

  to center the main container horizontally and vertically smack in the middle:

  main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  

  some kind stranger told me about this. this will position the main container smack in the middle of the viewport.

  Marked as helpful

  0

  This comment has received 1 replyShow