ozrabal · September 12, 2017 10:45
diff --git a/square.html b/square.html
 <div class="square">
  <div class="content">
    Hello!
  </div>
 </div>
diff --git a/style.css b/style.css
 .square {
  position: relative;
  width: 50%;
 }

 .square:after {
  content: "";
  display: block;
  padding-bottom: 100%;
 }

 .content {
  position: absolute;
  width: 100%;
  height: 100%;
 }
	.square {
	position: relative;
	width: 50%;
	}

	.square:after {
	content: "";
	display: block;
	padding-bottom: 100%;
	}

	.content {
	position: absolute;
	width: 100%;
	height: 100%;
	}