HTML/EXAM.HTM at master · sanjana2296/HTML · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE html>
<html>
    <head>
    <title>
        Example
    </title>
    <style>

    #grid{
        width: 100vw;
  height: 100vh;
  background-image: url("gdd.jpg");
  background-repeat: no-repeat;
  overflow:auto;
            background-attachment: scroll;
        display:grid;
        grid-template-rows: 1fr 1fr 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap:2vw;
            }
            #grid div{
                cursor: pointer;
                width:100%;
                font-size:5vw;
                border-radius:50%;
     /*  padding: .5em;*/
                background: gold;
                text-align:center;
                          }

                          #grid div:hover{
                              cursor: pointer;
                font-size:5vw;
                border-radius:50%;
     /*  padding: .5em;*/
opacity: 0.0;

                          }


    </style>
    </head>
    <body>
        <div id="grid">
            <div>1</div>
            <div>2</div>
            <div>3</div>
            <div>4</div>
            <div>5</div>
            <div>6</div>
            <div>7</div>
            <div>8</div>
            <div>9</div>
        </div>
    </body>
</html>