CSS Image Gallery
<!DOCTYPE html> <html> <head> <style> .gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; } </style> </head> <body> <div class="gallery"> <img src="mountain.jpg" alt="Mountain view" width="200" height="140"> <img src="beach.jpg" alt="Beach at sunset" width="200" height="140"> <img src="forest.jpg" alt="Forest trail" width="200" height="140"> <img src="city.jpg" alt="City skyline" width="200" height="140"> </div> </body> </html>