Equal height and width div ratioshttp://www.mademyday.de/css-height-equals-width-with-pure-css.html - Cacher Snippet

10/13/2016 - 5:34 PM

Equal height and width div ratios http://www.mademyday.de/css-height-equals-width-with-pure-css.html

Equal height and width div ratios http://www.mademyday.de/css-height-equals-width-with-pure-css.html

equal-ratios.css

.box{
	position: relative;
	width: 50%;		/* desired width */
}
.box:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}