Skip to content
OverviewSolutions
3
Comments
1
wheels63
@wheels63

All comments

  • Olebogeng Sebogodi•80
    @OlebxgengSubmitted 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
    wheels63•50
    @wheels63Posted 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