CSS Image Gallery

<!DOCTYPE html>
<html>
<head>
    <style>
        .gallery-grid { display: flex; gap: 10px; flex-wrap: wrap; }
        .gallery-item { border: 1px solid #ccc; border-radius: 8px; overflow: hidden; width: 150px; transition: transform 0.2s; }
        .gallery-item:hover { transform: scale(1.05); border-color: #04AA6D; }
        .gallery-item img { width: 100%; height: 100px; object-fit: cover; }
        .desc { padding: 8px; text-align: center; font-size: 0.75rem; }
    </style>
</head>
<body>

    <div class="gallery-grid">
        <div class="gallery-item"><img src="https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=200"><div class="desc">Laptop Coding</div></div>
        <div class="gallery-item"><img src="https://images.unsplash.com/photo-1498050108023-c5249f4df085?w=200"><div class="desc">Workspace</div></div>
    </div>

</body>
</html>