Skip to content

Commit bb83472

Browse files
committed
📱 style: implement responsive design (#6)
1 parent f86fef2 commit bb83472

File tree

1 file changed

+15
-1
lines changed

1 file changed

+15
-1
lines changed

src/assets/App.css

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -110,4 +110,18 @@ h3 {
110110
padding: 14px 30px;
111111
color: black;
112112
}
113-
113+
@media screen {
114+
@media (min-width: 500px) {
115+
.Page {
116+
padding: 30px 100px 0px;
117+
}
118+
.Page__grid {
119+
grid-template-columns: repeat(2, 1fr);
120+
}
121+
}
122+
@media (min-width: 849px) {
123+
.Page__grid {
124+
grid-template-columns: repeat(4, 1fr);
125+
}
126+
}
127+
}

0 commit comments

Comments
 (0)