Refresher on centring with css flex

Posted byjamedjoPosted inSoftware DevelopmentTags:
  • display: flex for the main container
  • justify-content and align-items to center
  • vh and vw units are percentage points of the viewport. To have an element take half the screen width use max-width: 50vh.
  • Can set body to height: 100% and margin: 0. Can also use vh units.

Leave a comment