Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!doctype html> <title>Example</title> <style> .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 20px; align-items: stretch; } .grid img { border: 1px solid #ccc; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.3); max-width: 100%; } </style> <main class="grid"> <img src="/pix/samples/23m.jpg" alt="Sample photo"> <img src="/pix/samples/24m.jpg" alt="Sample photo"> <img src="/pix/samples/22l.jpg" alt="Sample photo"> <img src="/pix/samples/15l.jpg" alt="Sample photo"> <img src="/pix/samples/25m.jpg" alt="Sample photo"> <img src="/pix/samples/16l.jpg" alt="Sample photo"> </main>
Preview