Skip to content

Commit f8299dc

Browse files
committed
use scss, remove delay in countdown
1 parent 4acd0be commit f8299dc

File tree

5 files changed

+333
-294
lines changed

5 files changed

+333
-294
lines changed

sass/index.scss

Lines changed: 82 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,82 @@
1+
#youtube_frame iframe {
2+
width: 560px;
3+
height: 315px;
4+
}
5+
6+
#main_container {
7+
display: flex;
8+
flex-direction: row;
9+
justify-content: space-between;
10+
align-items: center;
11+
margin: 0;
12+
padding: 0;
13+
}
14+
15+
#main_content {
16+
display: flex;
17+
flex-direction: column;
18+
justify-content: center;
19+
align-items: center;
20+
margin: 0;
21+
padding: 0;
22+
font-size: 22px;
23+
}
24+
25+
#main_text a {
26+
color: royalblue;
27+
}
28+
29+
#right_content {
30+
box-shadow: 1px 1px 13px #f2f2f2;
31+
padding: 25px;
32+
border-radius: 3px;
33+
color: #737373;
34+
margin-bottom: 20px;
35+
36+
a {
37+
color: #737373;
38+
text-decoration: none;
39+
}
40+
41+
h1 {
42+
color: #3a3a3a;
43+
}
44+
}
45+
46+
#date {
47+
color: #5f5f5f;
48+
}
49+
50+
@media (max-width: 1200px) {
51+
#youtube_frame iframe {
52+
width: 420px;
53+
height: 236.25px;
54+
}
55+
56+
#main_content {
57+
font-size: 18px;
58+
}
59+
}
60+
61+
@media (max-width: 850px) {
62+
#main_container {
63+
flex-direction: column;
64+
}
65+
66+
#main_text {
67+
margin-bottom: 40px;
68+
margin-top: 40px;
69+
margin-left: 10px;
70+
margin-right: 10px;
71+
}
72+
}
73+
74+
@media (max-width: 600px) {
75+
#youtube_frame {
76+
width: 100%;
77+
78+
iframe {
79+
width: 100%;
80+
}
81+
}
82+
}

sass/main.sass

Lines changed: 0 additions & 202 deletions
This file was deleted.

0 commit comments

Comments
 (0)