Skip to content

Commit d51ff1f

Browse files
committed
Add a simple media querie for small resolutions
1 parent a45b9bc commit d51ff1f

File tree

2 files changed

+22
-2
lines changed

2 files changed

+22
-2
lines changed

assets/css/main.css

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -129,7 +129,7 @@ body {
129129

130130
.box__item {
131131
display: inline-block;
132-
margin: 4px 0;
132+
margin: 8px 0;
133133
}
134134

135135
.box__title {
@@ -196,4 +196,24 @@ a:hover {
196196

197197
.text-white {
198198
color: #fff;
199+
}
200+
201+
/* Media */
202+
@media screen and (max-width: 550px) {
203+
204+
.header {
205+
padding: 25px 10px;
206+
}
207+
208+
.header__title {
209+
font-size: 32px;
210+
letter-spacing: 0;
211+
margin-bottom: 15px;
212+
}
213+
214+
.header__subtitle {
215+
font-size: 20px;
216+
line-height: 1.4;
217+
}
218+
199219
}

dist/main.min.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)