ManotLuijiu/index.html

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

## style.css
body,
html {
  padding: 0;
  margin: 0;
}

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

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

## using-flex-to-center.markdown

      
    Raw
  

              using-flex-to-center.markdown
            
          
    Using Flex to center

A Pen by Manot Luijiu on CodePen.
License.
	<div class="container">
	<h1>Center an element both Horizontally and Vertically using flexbox</h1>
	</div>
	body,
	html {
	padding: 0;
	margin: 0;
	}

	.container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	}

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