Design a responsive image gallery using CSS Grid.
MediumProblem Statement
Design a responsive image gallery using CSS Grid.
Sample Output
The images are displayed in a grid layout that adjusts on smaller screens.
Limits
Time: 2s · Memory: 256 MB
Code Editor
00:00
<!DOCTYPE html>
<html>
<head>
<style>
/* Add CSS here to style the gallery */
</style>
</head>
<body>
<div class="gallery">
<img src="img1.jpg" alt="Image 1" /> <img src="img2.jpg" alt="Image 2" />
<img src="img3.jpg" alt="Image 3" /> <img src="img4.jpg" alt="Image 4" />
</div>
</body>
</html>
Expected Output
The images are displayed in a grid layout that adjusts on smaller screens.