Day 18: HTML इमेज गैलरी बनाना

असाइनमेंट:

1. एक इमेज गैलरी बनाएं जिसमें 6 तस्वीरें शामिल हों।
2. 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>