Skip to content

Commit c7773cb

Browse files
hyeondo-janghyeondo-jang
committed
STYLE: add mobile responsive CSS for all pages
1 parent c0c2313 commit c7773cb

6 files changed

Lines changed: 312 additions & 0 deletions

File tree

‎contact.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -106,6 +106,58 @@
106106
object-fit: contain;
107107
opacity: 1;
108108
}
109+
110+
@media (max-width: 600px) {
111+
.inner {
112+
padding: 28px 18px 40px;
113+
}
114+
115+
.lab-name {
116+
font-size: 1.6em;
117+
}
118+
119+
nav {
120+
flex-wrap: wrap;
121+
gap: 10px 16px;
122+
}
123+
124+
nav a {
125+
font-size: 0.9em;
126+
}
127+
128+
h2, h3 {
129+
font-size: 1.05em;
130+
}
131+
132+
.news-item {
133+
flex-direction: column;
134+
gap: 2px;
135+
}
136+
137+
.news-date {
138+
min-width: unset;
139+
}
140+
141+
.sponsor-logos {
142+
width: 100%;
143+
justify-content: center;
144+
}
145+
146+
.collab-logos {
147+
width: 100%;
148+
justify-content: center;
149+
}
150+
151+
footer {
152+
flex-direction: column;
153+
align-items: flex-start;
154+
gap: 12px;
155+
}
156+
157+
.footer-logos img {
158+
height: 22px;
159+
}
160+
}
109161
</style>
110162
</head>
111163
<body>

‎group.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -203,6 +203,58 @@
203203
object-fit: contain;
204204
opacity: 1;
205205
}
206+
207+
@media (max-width: 600px) {
208+
.inner {
209+
padding: 28px 18px 40px;
210+
}
211+
212+
.lab-name {
213+
font-size: 1.6em;
214+
}
215+
216+
nav {
217+
flex-wrap: wrap;
218+
gap: 10px 16px;
219+
}
220+
221+
nav a {
222+
font-size: 0.9em;
223+
}
224+
225+
h2, h3 {
226+
font-size: 1.05em;
227+
}
228+
229+
.news-item {
230+
flex-direction: column;
231+
gap: 2px;
232+
}
233+
234+
.news-date {
235+
min-width: unset;
236+
}
237+
238+
.sponsor-logos {
239+
width: 100%;
240+
justify-content: center;
241+
}
242+
243+
.collab-logos {
244+
width: 100%;
245+
justify-content: center;
246+
}
247+
248+
footer {
249+
flex-direction: column;
250+
align-items: flex-start;
251+
gap: 12px;
252+
}
253+
254+
.footer-logos img {
255+
height: 22px;
256+
}
257+
}
206258
</style>
207259
</head>
208260
<body>

‎hiring.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -144,6 +144,58 @@
144144
object-fit: contain;
145145
opacity: 1;
146146
}
147+
148+
@media (max-width: 600px) {
149+
.inner {
150+
padding: 28px 18px 40px;
151+
}
152+
153+
.lab-name {
154+
font-size: 1.6em;
155+
}
156+
157+
nav {
158+
flex-wrap: wrap;
159+
gap: 10px 16px;
160+
}
161+
162+
nav a {
163+
font-size: 0.9em;
164+
}
165+
166+
h2, h3 {
167+
font-size: 1.05em;
168+
}
169+
170+
.news-item {
171+
flex-direction: column;
172+
gap: 2px;
173+
}
174+
175+
.news-date {
176+
min-width: unset;
177+
}
178+
179+
.sponsor-logos {
180+
width: 100%;
181+
justify-content: center;
182+
}
183+
184+
.collab-logos {
185+
width: 100%;
186+
justify-content: center;
187+
}
188+
189+
footer {
190+
flex-direction: column;
191+
align-items: flex-start;
192+
gap: 12px;
193+
}
194+
195+
.footer-logos img {
196+
height: 22px;
197+
}
198+
}
147199
</style>
148200
</head>
149201
<body>

‎index.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -180,6 +180,58 @@
180180
object-fit: contain;
181181
opacity: 1;
182182
}
183+
184+
@media (max-width: 600px) {
185+
.inner {
186+
padding: 28px 18px 40px;
187+
}
188+
189+
.lab-name {
190+
font-size: 1.6em;
191+
}
192+
193+
nav {
194+
flex-wrap: wrap;
195+
gap: 10px 16px;
196+
}
197+
198+
nav a {
199+
font-size: 0.9em;
200+
}
201+
202+
h2, h3 {
203+
font-size: 1.05em;
204+
}
205+
206+
.news-item {
207+
flex-direction: column;
208+
gap: 2px;
209+
}
210+
211+
.news-date {
212+
min-width: unset;
213+
}
214+
215+
.sponsor-logos {
216+
width: 100%;
217+
justify-content: center;
218+
}
219+
220+
.collab-logos {
221+
width: 100%;
222+
justify-content: center;
223+
}
224+
225+
footer {
226+
flex-direction: column;
227+
align-items: flex-start;
228+
gap: 12px;
229+
}
230+
231+
.footer-logos img {
232+
height: 22px;
233+
}
234+
}
183235
</style>
184236
</head>
185237
<body>

‎publications.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -148,6 +148,58 @@
148148
object-fit: contain;
149149
opacity: 1;
150150
}
151+
152+
@media (max-width: 600px) {
153+
.inner {
154+
padding: 28px 18px 40px;
155+
}
156+
157+
.lab-name {
158+
font-size: 1.6em;
159+
}
160+
161+
nav {
162+
flex-wrap: wrap;
163+
gap: 10px 16px;
164+
}
165+
166+
nav a {
167+
font-size: 0.9em;
168+
}
169+
170+
h2, h3 {
171+
font-size: 1.05em;
172+
}
173+
174+
.news-item {
175+
flex-direction: column;
176+
gap: 2px;
177+
}
178+
179+
.news-date {
180+
min-width: unset;
181+
}
182+
183+
.sponsor-logos {
184+
width: 100%;
185+
justify-content: center;
186+
}
187+
188+
.collab-logos {
189+
width: 100%;
190+
justify-content: center;
191+
}
192+
193+
footer {
194+
flex-direction: column;
195+
align-items: flex-start;
196+
gap: 12px;
197+
}
198+
199+
.footer-logos img {
200+
height: 22px;
201+
}
202+
}
151203
</style>
152204
</head>
153205
<body>

‎research.html‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -150,6 +150,58 @@
150150
width: auto;
151151
object-fit: contain;
152152
}
153+
154+
@media (max-width: 600px) {
155+
.inner {
156+
padding: 28px 18px 40px;
157+
}
158+
159+
.lab-name {
160+
font-size: 1.6em;
161+
}
162+
163+
nav {
164+
flex-wrap: wrap;
165+
gap: 10px 16px;
166+
}
167+
168+
nav a {
169+
font-size: 0.9em;
170+
}
171+
172+
h2, h3 {
173+
font-size: 1.05em;
174+
}
175+
176+
.news-item {
177+
flex-direction: column;
178+
gap: 2px;
179+
}
180+
181+
.news-date {
182+
min-width: unset;
183+
}
184+
185+
.sponsor-logos {
186+
width: 100%;
187+
justify-content: center;
188+
}
189+
190+
.collab-logos {
191+
width: 100%;
192+
justify-content: center;
193+
}
194+
195+
footer {
196+
flex-direction: column;
197+
align-items: flex-start;
198+
gap: 12px;
199+
}
200+
201+
.footer-logos img {
202+
height: 22px;
203+
}
204+
}
153205
</style>
154206
</head>
155207
<body>

0 commit comments

Comments
 (0)