Source code of my website
📱 : make sidebar responsive
+36
+36
assets/css/custom.css
+36
assets/css/custom.css
···
19
19
border: 2px solid white;
20
20
}
21
21
22
+
@media (max-width: 48em) {
23
+
.sidebar {
24
+
padding: 1rem;
25
+
.certifications {
26
+
display: none;
27
+
}
28
+
.light-dark {
29
+
display: none;
30
+
}
31
+
.sidebar-nav {
32
+
display: none;
33
+
}
34
+
.social {
35
+
display: none;
36
+
}
37
+
.footnote {
38
+
display: none;
39
+
}
40
+
.lead {
41
+
margin-bottom: 0;
42
+
}
43
+
.brand {
44
+
display: flex;
45
+
align-items: center;
46
+
gap: 10px;
47
+
margin-bottom: 1rem;
48
+
49
+
img {
50
+
width: 80px;
51
+
height: 80px;
52
+
margin: 0;
53
+
}
54
+
}
55
+
}
56
+
}
57
+
22
58
/* links style for projects list view in home page */
23
59
.projects .info {
24
60
margin-bottom: 4em;