Day 18: HTML इमेज गैलरी बनाना
December 11, 2024 2024-12-11 8:52Day 18: HTML इमेज गैलरी बनाना
Day 18: HTML इमेज गैलरी बनाना
असाइनमेंट:
- एक इमेज गैलरी बनाएं जिसमें 6 तस्वीरें शामिल हों।
- CSS ग्रिड का उपयोग करें।
उदाहरण:
<!DOCTYPE html>
<html>
<head>
<title>इमेज गैलरी</title>
<style>
.gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.gallery img {
width: 100%;
height: auto;
}
</style>
</head>
<body>
<h2>इमेज गैलरी</h2>
<div class=”gallery”>
<img src=”image1.jpg” alt=”इमेज 1″>
<img src=”image2.jpg” alt=”इमेज 2″>
<img src=”image3.jpg” alt=”इमेज 3″>
<img src=”image4.jpg” alt=”इमेज 4″>
<img src=”image5.jpg” alt=”इमेज 5″>
<img src=”image6.jpg” alt=”इमेज 6″>
</div>
</body>
</html>
