Semantic HTML5 markup , CSS variables , Flexbox , CSS Grid

Community feedback

• 

  Bader Idris•2,880

  @Bader-IdrisPosted over 1 year ago

  You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

  .container {
    display: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  

  the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

  Marked as helpful

  0

  ---

  

  Marjan•320

  @MarjanZivkovicPosted over 1 year ago

  @Bader-Idris Thanks for the feedback! Yes, I'm familiar with the transform property. There are always many ways to achieve the same thing with CSS. It's just personal preference

  1