JSFiddle - React, Tailwind, and code Playground

by synz izynz

HTML

12312312<div>xxxx</div>asdasdasamska

CSS

*
{
    margin:0;padding:0;
}

div
{
    width: 100vw; 
    height: 100vw; /* 100/56.25 = 1.778 */
    background: url("http://days.to/Content/images/backgrounds/how-many-days-until-spring.jpg") 100vw 100vw;
    background:grey;
    max-height: 100vh;
    max-width: 100vm; /* 16/9 = 1.778 */
    margin: auto;
    position: fixed;
    top:0;bottom:0; /* vertical center */
    left:0;right:0; /* horizontal center */
    z-index:1111;
    text-align:center;
    vertical-align:middle;
}