webdev-basics/responsiveNav.css at master · prachinayak1509/webdev-basics · 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
nav a{
   box-sizing: border-box;
   display: inline-block;
   text-decoration: none;
   margin: 1% 5% 1% 1%;
   border-radius: 5px;
   background-color: burlywood;
   font-size: 150%;
   padding: 1% 2%;


}
nav{
    background-color:rgb(130, 130, 181);
}
@media all and (min-width:900px)
{
   nav{
    box-sizing: border-box;
    border: 5px solid black;
    display: inline-block;
    height: 100vh;
    min-width: 125px;
    margin-right: 15px;
    background-color: rgb(36, 115, 117);
    width:20%;
    overflow: auto;
}

nav a{
    display: block;
    line-height: 45px;
    height: 45px;
    color: aliceblue;
    padding-left: 10px;
    margin: 10px 10px 10px 5px;
}
div{
    display: inline-block;
    width: 70%;
    height: 100vh;
    overflow: auto;


}
}