*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}body{background-color:#f0f0f0}body>div>canvas{width:8rem!important;height:auto!important}ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:.5rem;list-style:none;padding:.5rem}ul>li{display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff;padding:1rem}ul>li canvas,ul>li svg,ul>li div{width:100%;aspect-ratio:1/1;max-width:10rem}