Update css/main.css

css/main.css

@@ -12,4 +12,35 @@ body {
 p, table, tr, td, ul, li, blockquote, nav, a, footer, dl, dt, dd {
   font-size: 1.5rem;
   font-weight: 400;
+}
+
+
+.row {
+  display: table;
+}
+.row:nth-child(even) {
+  direction: rtl;
+}
+.row:nth-child(odd) .image {
+  text-align: right
+}
+.image,
+.text {
+  display: table-cell;
+  direction: ltr;
+  border: solid;
+}
+.text {
+  background: e7fefc;
+}
+@media screen and (max-width: 640px) {
+  .row,
+  .image,
+  .text {
+    display: block;
+    direction:ltr
+  }
+  .row:nth-child(odd) .text {
+  text-align: right
+}
 }