Center on the middle of screen

What is the best patter to align a semantic ui grid in the middle of the screen?

the css for this will ideal be this one.

    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;

But on semantic this dont look well with grids.

This is part of my html.

 <div class="ui grid container">
    <div class="ui center aligned three column grid">
      <div class="column">
      <div class="column">

Source: css3

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.