a personal site
responsive screen for about page
+30
+30
src/css/about.css
+30
src/css/about.css
···
50
50
.about-list li{
51
51
52
52
margin-top: 1em;
53
+
}
54
+
55
+
56
+
@media screen and (max-width:480px) {
57
+
.nav{
58
+
display: flex;
59
+
flex-direction: column;
60
+
justify-content: center;
61
+
align-items: center;
62
+
}
63
+
64
+
.about-wrapper{
65
+
width:80%;
66
+
67
+
}
68
+
69
+
}
70
+
71
+
@media screen and (max-width:800px) {
72
+
.nav{
73
+
display: flex;
74
+
flex-direction: column;
75
+
justify-content: center;
76
+
align-items: center;
77
+
}
78
+
79
+
.about-wrapper{
80
+
width:80%;
81
+
82
+
}
53
83
}