tamueka · June 6, 2019 11:47
diff --git a/flexbox-center-image.markdown b/flexbox-center-image.markdown
diff --git a/index.html b/index.html
 <!DOCTYPE html>
 <html>
  <body>
    <div class="flexContainer flexCenter itemCenter fullHeight centerImage">
 <!--       <div class="flexContainer flexCenter itemCenter fullHeight"> -->
        <a href="indexhtml" class="homeButton">Return</a>
 <!--       </div> -->
    <div> 
  </body>
 </html>
diff --git a/style.css b/style.css
 .flexContainer{
  display: flex;
 }

 .flexCenter {
  justify-content: center;
 }

 .fullHeight {
  height: 100vh;
 }

 .itemCenter {
  align-items: center;
 }

 .centerImage {
  background: url('https://github.com/ratracegrad/made-with-flexbox/blob/master/images/ocean.jpg?raw=true'); center;
  background-size: cover;
 }
	<!DOCTYPE html>
	<html>
	<body>
	<div class="flexContainer flexCenter itemCenter fullHeight centerImage">
	<!-- <div class="flexContainer flexCenter itemCenter fullHeight"> -->
	<a href="indexhtml" class="homeButton">Return</a>
	<!-- </div> -->
	<div>
	</body>
	</html>
	.flexContainer{
	display: flex;
	}

	.flexCenter {
	justify-content: center;
	}

	.fullHeight {
	height: 100vh;
	}

	.itemCenter {
	align-items: center;
	}

	.centerImage {
	background: url('https://github.com/ratracegrad/made-with-flexbox/blob/master/images/ocean.jpg?raw=true'); center;
	background-size: cover;
	}