File tree Expand file tree Collapse file tree 5 files changed +333
-294
lines changed
Expand file tree Collapse file tree 5 files changed +333
-294
lines changed Original file line number Diff line number Diff line change 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+ }
Load Diff This file was deleted.
You can’t perform that action at this time.
0 commit comments