ManotLuijiu/index.html

## index.html
<div class="container">
  <h1>Center an element both Horizontally and Vertically using grid</h1>
</div>

## style.css
body,
html {
  height: 100%;
  display: grid;
}

.container {
  margin: auto;
}

h1 {
  color: #0984e3;
  font-size: 80px;
  text-align: center;
}

## using-grid-to-center.markdown

      
    Raw
  

              using-grid-to-center.markdown
            
          
    Using Grid to center

A Pen by Manot Luijiu on CodePen.
License.
	<div class="container">
	<h1>Center an element both Horizontally and Vertically using grid</h1>
	</div>
	body,
	html {
	height: 100%;
	display: grid;
	}

	.container {
	margin: auto;
	}

	h1 {
	color: #0984e3;
	font-size: 80px;
	text-align: center;
	}