JSFiddle - React, Tailwind, and code Playground

by web tiki

HTML

<div>1:3 aspect ratio
<div>1:1 aspect ratio
</div>

CSS

body {
    margin:0;
}

div{
    width:20vw;
    height:60vw; /* <-- 3 x width */
    margin:0 auto;
    background:gold;
}

div > div{
    width:15vw;
    height:15vw; /* <-- same as width */
    background:red;
}