css grid
2 design tools & resources relevant to 'css grid'.
%20%20--%3E%0D%0A%3Csvg%20fill%3D%22%23000000%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%09%20viewBox%3D%22-574%20769.8%20449.8%2063.2%22%20style%3D%22enable-background%3Anew%20-574%20769.8%20449.8%2063.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cstyle%20type%3D%22text%2Fcss%22%3E%0D%0A%0D%0A%20%20%3Aroot%20%7B%0D%0A%20%20%20%20--speed-1%3A%20640ms%3B%0D%0A%20%20%20%20--delay%3A%20640ms%3B%0D%0A%20%20%20%20--speed-2%3A%201024ms%3B%0D%0A%20%20%7D%0D%0A%0D%0A%09.st0%7Bfill%3A%232E184A%3B%7D%0D%0A%09.st1%7Bfill%3A%23EE2350%3B%7D%0D%0A%09.st2%7Bfill%3A%23B31E44%3B%7D%0D%0A%09.st3%7Bfill%3A%23ED2651%3B%7D%0D%0A%0D%0A%20%20.left-bracket%20%7B%0D%0A%20%20%20%20animation-name%3A%20l-bracket-in%2C%20l-bracket-shift%3B%0D%0A%20%20%20%20animation-duration%3A%20var(--speed-1)%2C%20calc(var(--speed-2)%20%2F%201.5)%3B%0D%0A%20%20%20%20animation-timing-function%3A%20ease%3B%0D%0A%20%20%20%20animation-delay%3A%200s%2C%20calc(var(--speed-1)%20%2B%20var(--delay))%3B%0D%0A%20%20%20%20animation-fill-mode%3A%20forwards%3B%0D%0A%20%20%7D%0D%0A%0D%0A%20%20.right-bracket%20%7B%0D%0A%20%20%20%20animation-name%3A%20r-bracket-in%2C%20r-bracket-shift%3B%0D%0A%20%20%20%20animation-duration%3A%20var(--speed-1)%2C%20calc(var(--speed-2)%20%2F%201.5)%3B%0D%0A%20%20%20%20animation-timing-function%3A%20ease%3B%0D%0A%20%20%20%20animation-delay%3A%200s%2C%20calc(var(--speed-1)%20%2B%20var(--delay))%3B%0D%0A%20%20%20%20animation-fill-mode%3A%20forwards%3B%0D%0A%20%20%7D%0D%0A%0D%0A%20%20%40keyframes%20l-bracket-in%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(1%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%232E184A%3B%0D%0A%20%20%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(0%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%232E184A%3B%0D%0A%20%20%20%20%20%20opacity%3A%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%0D%0A%20%20%40keyframes%20l-bracket-shift%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(0%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%232E184A%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%2020%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(0.5%25)%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%2050%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(0.5%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%232E184A%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(-38%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%23000000%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%0D%0A%0D%0A%20%20%40keyframes%20r-bracket-in%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(-1%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%23EE2350%3B%0D%0A%20%20%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(0%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%23EE2350%3B%0D%0A%20%20%20%20%20%20opacity%3A%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%0D%0A%20%20%40keyframes%20r-bracket-shift%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(0%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%23EE2350%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%2020%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(-0.5%25)%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%2050%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(-0.5%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%23EE2350%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20translateX(44.3%25)%3B%0D%0A%20%20%20%20%20%20fill%3A%20%23000000%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%0D%0A%20%20.rect%20%7B%0D%0A%20%20%20%20transform-origin%3A%20-80.775%25%201268.1%25%3B%0D%0A%20%20%20%20animation-name%3A%20rectangle-in%2C%20rectangle-spin%2C%20rectangle-out%3B%0D%0A%20%20%20%20animation-duration%3A%20var(--speed-1)%2C%20var(--speed-2)%2C%20280ms%3B%0D%0A%20%20%20%20animation-timing-function%3A%20ease%2C%20ease%2C%20ease-in-out%3B%0D%0A%20%20%20%20animation-delay%3A%200s%2C%20calc(var(--speed-1)%20%2B%20var(--delay))%2C%20calc(var(--speed-1)%20%2B%20var(--delay)%20%2B%20var(--speed-2)%20%2B%2080ms)%3B%0D%0A%20%20%20%20animation-fill-mode%3A%20forwards%3B%0D%0A%20%20%7D%0D%0A%0D%0A%20%20%40keyframes%20rectangle-in%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(1.2)%20rotate(180deg)%3B%0D%0A%20%20%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(1)%20rotate(180deg)%3B%0D%0A%20%20%20%20%20%20opacity%3A%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%0D%0A%20%20%40keyframes%20rectangle-spin%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(1)%20rotate(180deg)%3B%0D%0A%20%20%20%20%20%20opacity%3A%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%2018%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(1)%20rotate(160deg)%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%2036%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(1)%20rotate(160deg)%3B%0D%0A%20%20%20%20%20%20opacity%3A%201%3B%0D%0A%20%20%20%20%7D%0D%0A%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(.705)%20rotate(900deg)%3B%0D%0A%20%20%20%20%20%20opacity%3A%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%20%20%40keyframes%20rectangle-out%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(.705)%20rotate(900deg)%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20transform%3A%20scale(.705)%20rotate(900deg)%3B%0D%0A%20%20%20%20%20%20height%3A%200%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%0D%0A%20%20.letters%20%7B%0D%0A%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20animation%3A%20letters-in%3B%0D%0A%20%20%20%20animation-duration%3A%20var(--speed-2)%3B%0D%0A%20%20%20%20animation-delay%3A%20calc(var(--speed-1)%20%2B%20var(--delay))%3B%0D%0A%20%20%20%20animation-fill-mode%3A%20forwards%3B%0D%0A%20%20%7D%0D%0A%20%20%40keyframes%20letters-in%20%7B%0D%0A%20%20%20%200%25%20%7B%0D%0A%20%20%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%2042%25%20%7B%0D%0A%20%20%20%20%20%20opacity%3A%200%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%20%20100%25%20%7B%0D%0A%20%20%20%20%20%20opacity%3A%201%3B%0D%0A%20%20%20%20%7D%0D%0A%20%20%7D%0D%0A%3C%2Fstyle%3E%0D%0A%3Cg%20class%3D%22letters%22%20%3E%0D%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M-520.3%2C796.5v10.1c0%2C1.7%2C0.6%2C3.1%2C1.7%2C4c1.2%2C0.9%2C2.7%2C1.4%2C4.5%2C1.4c1.9%2C0%2C3.2-0.3%2C4.1-0.9%0D%0A%20%20%20%20c0.8-0.6%2C1.6-1.5%2C2.1-2.6c0.6-1.1%2C1.3-1.7%2C2.2-1.7h13.6c0.4%2C0%2C0.7%2C0.1%2C1%2C0.4c0.3%2C0.3%2C0.4%2C0.6%2C0.4%2C1c0%2C4.1-1.8%2C7.8-5.6%2C11.2%0D%0A%20%20%20%20c-1.8%2C1.7-4.3%2C3-7.4%2C4c-3.1%2C1-6.7%2C1.5-10.9%2C1.5c-4.2%2C0-8-0.7-11.4-2c-3.4-1.3-6.2-3.5-8.4-6.5c-2.1-3-3.2-6.7-3.2-11.1v-7.7%0D%0A%20%20%20%20c0-4.4%2C1.1-8.1%2C3.2-11.1c4-5.6%2C10.8-8.5%2C20.3-8.5c3.8%2C0%2C7.3%2C0.5%2C10.4%2C1.5c3.1%2C1%2C5.5%2C2.4%2C7.4%2C4c3.7%2C3.4%2C5.6%2C7.1%2C5.6%2C11.2%0D%0A%20%20%20%20c0%2C0.4-0.1%2C0.7-0.4%2C1c-0.3%2C0.3-0.6%2C0.4-1%2C0.4h-13.6c-0.9%2C0-1.7-0.6-2.2-1.7c-0.6-1.1-1.3-2-2.1-2.6c-0.8-0.6-2.2-0.9-4.1-0.9%0D%0A%20%20%20%20s-3.4%2C0.5-4.5%2C1.4C-519.7%2C793.5-520.3%2C794.8-520.3%2C796.5z%22%2F%3E%0D%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M-447%2C800.1c2.9%2C2.2%2C4.4%2C5.5%2C4.4%2C9.9c0%2C4.4-2.1%2C8-6.4%2C10.8c-4.2%2C2.8-9.9%2C4.1-16.9%2C4.1c-7%2C0-12.5-1.3-16.4-4.1%0D%0A%20%20%20%20c-3.9-2.7-5.8-6-5.8-10c0-1%2C0.5-1.5%2C1.5-1.5h12.9c0.9%2C0%2C1.6%2C0.3%2C2.1%2C0.8c1.2%2C1.1%2C3.2%2C1.7%2C6.1%2C1.7c4%2C0%2C6-0.6%2C6-1.9%0D%0A%20%20%20%20c0-0.8-0.6-1.4-1.9-1.8c-1.3-0.5-3.8-0.9-7.5-1.3c-11.9-1.5-17.9-6.1-17.9-14c0-4.4%2C1.9-8%2C5.8-10.7c3.8-2.7%2C9-4.1%2C15.4-4.1%0D%0A%20%20%20%20c6.4%2C0%2C11.6%2C1.5%2C15.6%2C4.4c4%2C2.9%2C5.9%2C6%2C5.9%2C9.3c0%2C0.4-0.1%2C0.8-0.4%2C1.1c-0.3%2C0.3-0.6%2C0.4-1.1%2C0.4h-13.6c-0.8%2C0-1.4-0.2-2-0.8%0D%0A%20%20%20%20c-1-0.9-2.5-1.4-4.5-1.4c-2.8%2C0-4.2%2C0.6-4.2%2C1.8c0%2C0.6%2C0.6%2C1.1%2C1.6%2C1.5c1.1%2C0.4%2C3.3%2C0.7%2C6.6%2C1.1C-454.9%2C796.4-449.9%2C797.9-447%2C800.1%0D%0A%20%20%20%20z%22%2F%3E%0D%0A%20%20%3Cpath%20class%3D%22st0%22%20d%3D%22M-397.8%2C800.1c2.9%2C2.2%2C4.4%2C5.5%2C4.4%2C9.9c0%2C4.4-2.1%2C8-6.4%2C10.8s-9.9%2C4.1-16.9%2C4.1c-7%2C0-12.5-1.3-16.4-4.1%0D%0A%20%20%20%20c-3.9-2.7-5.8-6-5.8-10c0-1%2C0.5-1.5%2C1.5-1.5h13c0.9%2C0%2C1.6%2C0.3%2C2.1%2C0.8c1.2%2C1.1%2C3.2%2C1.7%2C6.1%2C1.7c4%2C0%2C6-0.6%2C6-1.9%0D%0A%20%20%20%20c0-0.8-0.6-1.4-1.9-1.8s-3.8-0.9-7.5-1.3c-11.9-1.5-17.9-6.1-17.9-14c0-4.4%2C1.9-8%2C5.8-10.7c3.8-2.7%2C9-4.1%2C15.4-4.1%0D%0A%20%20%20%20c6.4%2C0%2C11.6%2C1.5%2C15.6%2C4.4s5.9%2C6%2C5.9%2C9.3c0%2C0.4-0.1%2C0.8-0.4%2C1.1c-0.3%2C0.3-0.6%2C0.4-1.1%2C0.4H-410c-0.8%2C0-1.4-0.2-2-0.8%0D%0A%20%20%20%20c-1-0.9-2.5-1.4-4.5-1.4c-2.8%2C0-4.2%2C0.6-4.2%2C1.8c0%2C0.6%2C0.5%2C1.1%2C1.6%2C1.5c1.1%2C0.4%2C3.3%2C0.7%2C6.6%2C1.1%0D%0A%20%20%20%20C-405.6%2C796.4-400.7%2C797.9-397.8%2C800.1z%22%2F%3E%0D%0A%3Cpath%20class%3D%22st1%22%20d%3D%22M-340.38%2C809.18c0.19%2C0.88%2C0.29%2C1.79%2C0.29%2C2.72c0%2C7.05-5.71%2C12.77-12.76%2C12.77h-17.76l15.03-15.49l0%2C0v-15.49%0D%0A%09h-15.49l-15.49%2C15.49v-28.54c0-1.35%2C1.09-2.43%2C2.43-2.43h31.26c7.05%2C0%2C12.76%2C5.71%2C12.76%2C12.76c0%2C0.94-0.1%2C1.85-0.29%2C2.72%0D%0A%09c-0.69%2C3.19-2.57%2C5.94-5.16%2C7.75C-342.96%2C803.25-341.07%2C805.99-340.38%2C809.18z%22%2F%3E%0D%0A%3Cpath%20class%3D%22st2%22%20d%3D%22M-355.6%2C809.18l-15.03%2C15.49h-13.5c-1.34%2C0-2.43-1.09-2.43-2.43v-13.06l15.49-15.49v15.49H-355.6L-355.6%2C809.18%0D%0A%09z%22%2F%3E%20%20%3Cpath%20class%3D%22st3%22%20d%3D%22M-312.9%2C813.6v9.2c0%2C0.7-0.4%2C1.1-1.1%2C1.1h-4.5c-3.1%2C0-5.6-0.4-7.4-1.3c-1.9-0.8-3.3-2.2-4.2-4.2%0D%0A%20%20%20%20c-0.9-1.8-1.3-4.4-1.3-7.5v-21.5h-1.8c-0.7%2C0-1.1-0.4-1.1-1.1v-9.1c0-0.7%2C0.4-1.1%2C1.1-1.1h14.5c0.7%2C0%2C1.1%2C0.4%2C1.1%2C1.1v30.4%0D%0A%20%20%20%20c0%2C2.5%2C1.3%2C2.8%2C2.2%2C2.8h1.2C-313.3%2C812.5-312.9%2C812.9-312.9%2C813.6z%22%2F%3E%0D%0A%20%20%3Cpath%20class%3D%22st3%22%20d%3D%22M-274.2%2C799.8c-0.5-1.6-1.3-3.1-2.2-4.3c-1-1.2-2.1-2.3-3.5-3.1c-2.8-1.7-7.1-2.5-11-2.5s-8.3%2C0.8-11%2C2.5%0D%0A%20%20%20%20c-2.8%2C1.7-4.7%2C4.2-5.8%2C7.4c-0.7%2C2-1%2C4.5-1%2C7.5c0%2C2.9%2C0.4%2C5.4%2C1%2C7.4c1%2C3.2%2C3%2C5.8%2C5.8%2C7.4c2.8%2C1.7%2C7.1%2C2.5%2C11%2C2.5%0D%0A%20%20%20%20c3.9%2C0%2C8.2-0.8%2C11-2.5c2.8-1.7%2C4.7-4.2%2C5.8-7.4c0.7-2%2C1-4.5%2C1-7.4C-273.1%2C804.3-273.5%2C801.8-274.2%2C799.8z%20M-287.1%2C811.1h-7.8v-7.8%0D%0A%20%20%20%20h7.8V811.1z%22%2F%3E%0D%0A%20%20%3Cpath%20class%3D%22st3%22%20d%3D%22M-254.5%2C802.7c0%2C0.4%2C0%2C1.5%2C0%2C4.5c0%2C3%2C0%2C4.2%2C0%2C4.6c0%2C1.1%2C2.5%2C1.6%2C4%2C1.6c0.8%2C0%2C1.3-0.1%2C1.7-0.3%0D%0A%20%20%20%20c0.1%2C0%2C0.1-0.1%2C0.1-0.1v-1.9c0-0.7%2C0.4-1.1%2C1.1-1.1h9.1c0.7%2C0%2C1.1%2C0.4%2C1.1%2C1.1v8.8c0%2C0.8-0.4%2C1.2-0.8%2C1.5c-3.5%2C2.1-8%2C3.2-13.3%2C3.2%0D%0A%20%20%20%20c-8.1%2C0-15.3-3.3-17.4-9.9c-0.6-1.8-0.9-4.3-0.9-7.5c0-3.1%2C0.3-5.6%2C0.9-7.3c1.1-3.3%2C3-5.8%2C5.6-7.5c2.6-1.7%2C7.9-2.5%2C11.8-2.5%0D%0A%20%20%20%20c5.2%2C0%2C9.6%2C1.1%2C13.2%2C3.3l0%2C0c0.4%2C0.2%2C0.6%2C0.4%2C0.7%2C0.6c0.1%2C0.2%2C0.1%2C0.5%2C0.1%2C0.9v8.4c0%2C0.7-0.4%2C1.1-1.1%2C1.1h-9.1%0D%0A%20%20%20%20c-0.7%2C0-1.1-0.4-1.1-1.1l-0.1-1.8c-0.4-0.2-0.9-0.3-1.7-0.3C-251.9%2C801.1-254.5%2C801.5-254.5%2C802.7z%22%2F%3E%0D%0A%20%20%3Cpath%20class%3D%22st3%22%20d%3D%22M-197.2%2C813.6v9.1c0%2C0.7-0.4%2C1.1-1.1%2C1.1h-11.4c-0.4%2C0-1-0.2-1.4-0.9l-4.7-10l-0.2%2C0.2v9.6%0D%0A%20%20%20%20c0%2C0.7-0.4%2C1.1-1.1%2C1.1h-14.5c-0.7%2C0-1.1-0.4-1.1-1.1v-9.1c0-0.7%2C0.4-1.1%2C1.1-1.1h1.8v-23h-1.8c-0.7%2C0-1.1-0.4-1.1-1.1v-9.1%0D%0A%20%20%20%20c0-0.7%2C0.4-1.1%2C1.1-1.1h14.5c0.7%2C0%2C1.1%2C0.4%2C1.1%2C1.1v18.4l6.4-6.3c0.5-0.4%2C1-0.7%2C1.7-0.7h8.1c0.7%2C0%2C1.1%2C0.4%2C1.1%2C1.1v9.1%0D%0A%20%20%20%20c0%2C0.7-0.4%2C1.1-1.1%2C1.1h-3.5c-0.1%2C0-0.2%2C0-0.4%2C0.2l-1.7%2C1.6l4.4%2C8.6c0.1%2C0.1%2C0.2%2C0.1%2C0.2%2C0.1h2.6%0D%0A%20%20%20%20C-197.6%2C812.5-197.2%2C812.9-197.2%2C813.6z%22%2F%3E%0D%0A%20%20%3Cpath%20class%3D%22st3%22%20d%3D%22M-161%2C812.6c0%2C4.1-1.5%2C7.2-4.6%2C9.2c-3%2C1.9-6.9%2C2.9-11.8%2C2.9c-5.1%2C0-9.7-0.7-13.9-2c-0.5-0.2-0.8-0.6-0.8-1.2v-8%0D%0A%20%20%20%20c0-0.7%2C0.4-1.1%2C1.1-1.1h9.6c0.7%2C0%2C1.1%2C0.4%2C1.1%2C1.1v1.1c0.8%2C0.2%2C1.8%2C0.2%2C3.1%2C0.2c1.2%2C0%2C2-0.1%2C2.6-0.4c0.4-0.2%2C0.6-0.5%2C0.6-0.9%0D%0A%20%20%20%20c0-0.3-0.1-0.6-0.4-0.7c-0.2-0.1-0.8-0.3-2.4-0.5l-3.7-0.4c-3.9-0.4-6.9-1.5-8.9-3.2c-2-1.8-3-4.3-3-7.6c0-3.7%2C1.4-6.5%2C4-8.4%0D%0A%20%20%20%20c2.6-1.9%2C6.5-2.9%2C11.4-2.9c2.4%2C0%2C4.8%2C0.2%2C7.1%2C0.6s4.4%2C0.9%2C6.2%2C1.6c0.7%2C0.3%2C0.8%2C0.8%2C0.8%2C1.1v7.4c0%2C0.7-0.4%2C1.1-1.1%2C1.1h-9.6%0D%0A%20%20%20%20c-0.7%2C0-1.1-0.4-1.1-1.1v-0.9c-0.6-0.2-1.3-0.2-2.3-0.2c-1.3%2C0-1.8%2C0.2-2%2C0.3c-0.3%2C0.2-0.4%2C0.4-0.4%2C0.7c0%2C0.4%2C0.1%2C0.6%2C0.3%2C0.6%0D%0A%20%20%20%20c0.1%2C0.1%2C0.5%2C0.3%2C1.9%2C0.5l3.6%2C0.4c4.5%2C0.5%2C7.8%2C1.6%2C9.7%2C3.3C-162%2C807.1-161%2C809.5-161%2C812.6z%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3Cg%20style%3D%22display%3A%20block%3B%22%3E%0D%0A%20%20%3Cpath%20class%3D%22left-bracket%22%20d%3D%22M-403.1%2C803.8V799c0-1.3%2C0.6-2.2%2C2-2.8l1.1-0.5c2-0.8%2C3-3%2C3-6.6c0-3.6%2C0.6-6.6%2C1.7-9.1c1.1-2.5%2C2.7-4.4%2C4.8-5.9%0D%0A%20%20%20%20c3.9-2.8%2C8.9-4.3%2C14.8-4.3c0.4%2C0%2C0.8%2C0.1%2C1.1%2C0.4c0.3%2C0.3%2C0.4%2C0.6%2C0.4%2C1v10c0%2C0.4-0.1%2C0.7-0.4%2C1c-0.3%2C0.3-0.6%2C0.4-0.9%2C0.5%0D%0A%20%20%20%20c-2.7%2C0.3-4.5%2C1-5.6%2C2c-1.1%2C1-1.7%2C2.9-1.7%2C5.6c0%2C2.8-0.5%2C5.2-1.6%2C7.3c-1.1%2C2.1-2.4%2C3.3-4%2C3.8c1.6%2C0.4%2C2.9%2C1.8%2C4%2C4%0D%0A%20%20%20%20c1.1%2C2.2%2C1.6%2C4.6%2C1.6%2C7.3c0%2C2.7%2C0.5%2C4.5%2C1.7%2C5.5c1.1%2C1%2C3%2C1.6%2C5.6%2C2c0.3%2C0.1%2C0.6%2C0.2%2C0.9%2C0.5s0.4%2C0.6%2C0.4%2C1v10c0%2C0.4-0.2%2C0.8-0.4%2C1%0D%0A%20%20%20%20c-0.3%2C0.3-0.6%2C0.4-1.1%2C0.4c-5.9%2C0-10.9-1.4-14.8-4.3c-2-1.4-3.6-3.4-4.8-5.9c-1.1-2.5-1.7-5.5-1.7-9.1c0-3.6-1-5.8-3-6.6l-1.1-0.5%0D%0A%20%20%20%20C-402.5%2C806.1-403.1%2C805.1-403.1%2C803.8z%22%2F%3E%0D%0A%20%20%3Cpath%20class%3D%22right-bracket%22%20d%3D%22M-323.5%2C799v4.9c0%2C1.3-0.7%2C2.3-2%2C2.8l-1.1%2C0.5c-2%2C0.8-3%2C3-3%2C6.6c0%2C3.6-0.6%2C6.6-1.7%2C9.1%0D%0A%20%20%20%20c-1.1%2C2.5-2.7%2C4.4-4.8%2C5.9c-3.9%2C2.8-8.9%2C4.3-14.8%2C4.3c-0.4%2C0-0.8-0.2-1-0.4c-0.3-0.3-0.4-0.6-0.4-1.1v-9.9c0-0.4%2C0.1-0.7%2C0.4-1%0D%0A%20%20%20%20c0.3-0.3%2C0.6-0.4%2C0.9-0.5c2.7-0.3%2C4.5-1%2C5.6-2c1.1-1%2C1.7-2.8%2C1.7-5.5c0-2.7%2C0.5-5.1%2C1.6-7.3s2.4-3.5%2C4-4c-1.6-0.5-3-1.7-4-3.8%0D%0A%20%20%20%20c-1.1-2.1-1.6-4.5-1.6-7.3s-0.5-4.7-1.7-5.6c-1.1-1-3-1.6-5.6-2c-0.3%2C0-0.6-0.2-0.9-0.5c-0.3-0.3-0.4-0.6-0.4-1v-10%0D%0A%20%20%20%20c0-0.4%2C0.1-0.8%2C0.4-1c0.3-0.3%2C0.6-0.4%2C1-0.4c6%2C0%2C10.9%2C1.4%2C14.8%2C4.3c2%2C1.4%2C3.6%2C3.4%2C4.8%2C5.9c1.1%2C2.5%2C1.7%2C5.5%2C1.7%2C9.1%0D%0A%20%20%20%20c0%2C3.6%2C1%2C5.8%2C3%2C6.6l1.1%2C0.5C-324.2%2C796.8-323.5%2C797.7-323.5%2C799z%22%2F%3E%0D%0A%20%20%3Crect%20x%3D%22-374.3%22%20y%3D%22790.4%22%20width%3D%2222%22%20height%3D%2222%22%20class%3D%22rect%22%2F%3E%0D%0A%3C%2Fg%3E%0D%0A%3C%2Fsvg%3E%0D%0A)
CSS Blocks
Blazing‑fast, modular CSS for design systems and app components
Honeycomb
Mobile‑first SCSS framework that scales grids, fonts and gutters for viewport.
2 design tools & resources relevant to 'css grid'.