Responsive CSS Square That Stays Centered Horizontally and Vertically and Is Relative to Height in Landscape
This square should remain completely centered both horizontally and vertically, and if it is viewed in landscape mode, the element will resize relative to the height of the browser. And it is all done with CSS. To view the associated blog post with explanation and code, click here.