html{color-scheme:dark}body{font-size:18px;line-height:1.6;font-family:system-ui}h1{margin-block:.25em}section{margin:auto;width:800px;min-width:200px;max-width:90%;padding:10px;resize:horizontal;border:2px solid currentColor;overflow:hidden;margin-block:50px}section .container{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));-moz-column-gap:10px;column-gap:10px;overflow:hidden;margin-bottom:-10px}section .container h2{display:grid;place-items:center;background-color:red;height:190px;margin:0px;margin-bottom:10px;text-align:center;box-sizing:border-box}section [data-rows]{grid-auto-rows:0px}section [data-rows="1"]{grid-template-rows:repeat(1, auto)}section [data-rows="2"]{grid-template-rows:repeat(2, auto)}section [data-rows="4"]{grid-template-rows:repeat(4, auto)}/*# sourceMappingURL=style.css.map */