// ⚡️ Flash Grid - Lightweight CSS Grid .base { background: #fff url("data:image/gif;base4,R0lGODlhwAMBAIAAAP/////lSH5BAAHAPALAAAAADAAwEAAAI3hI+hy+0Po2yo2jqz3vJ6zIXiJXAiKaL+amuyHrvrMUXjUe2lffUnvAJgUFhj3gw+pAG5fFTAAA") 5 repeat-y center; 6 } 7 8 .child { 9 background-color: rgba(5, 28, 48, 25%); border: 1px solid crimson; height: 4rem; display: grid; place-content: center; } 16 $font-sans: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter