Spaces:
Running
Running
Update css/main.css
Browse files- css/main.css +31 -0
css/main.css
CHANGED
@@ -12,4 +12,35 @@ body {
|
|
12 |
p, table, tr, td, ul, li, blockquote, nav, a, footer, dl, dt, dd {
|
13 |
font-size: 1.5rem;
|
14 |
font-weight: 400;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
15 |
}
|
|
|
12 |
p, table, tr, td, ul, li, blockquote, nav, a, footer, dl, dt, dd {
|
13 |
font-size: 1.5rem;
|
14 |
font-weight: 400;
|
15 |
+
}
|
16 |
+
|
17 |
+
|
18 |
+
.row {
|
19 |
+
display: table;
|
20 |
+
}
|
21 |
+
.row:nth-child(even) {
|
22 |
+
direction: rtl;
|
23 |
+
}
|
24 |
+
.row:nth-child(odd) .image {
|
25 |
+
text-align: right
|
26 |
+
}
|
27 |
+
.image,
|
28 |
+
.text {
|
29 |
+
display: table-cell;
|
30 |
+
direction: ltr;
|
31 |
+
border: solid;
|
32 |
+
}
|
33 |
+
.text {
|
34 |
+
background: e7fefc;
|
35 |
+
}
|
36 |
+
@media screen and (max-width: 640px) {
|
37 |
+
.row,
|
38 |
+
.image,
|
39 |
+
.text {
|
40 |
+
display: block;
|
41 |
+
direction:ltr
|
42 |
+
}
|
43 |
+
.row:nth-child(odd) .text {
|
44 |
+
text-align: right
|
45 |
+
}
|
46 |
}
|