Merge pull request #7 from cityofaustin/microsite-ui

Incorporate styling for the Event Microsites
cityofaustin · Dec 17, 2020 · 2eb9ae6 · 2eb9ae6
2 parents a9cd03e + 1b9113b
commit 2eb9ae6
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
@@ -221,4 +221,22 @@ footer {
   font-weight: bold;
   margin-top: 0;
   margin-bottom: 1em;
-}
+}
+
+dl {
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  flex-wrap: wrap;
+  dt {
+    width: 100%;
+    padding: .5em;
+  }
+  dd {
+    width: 100%;
+    padding: .5em;
+    p {
+      margin-bottom: 0;
+    }
+  }
+}
diff --git a/_sass/_responsive.scss b/_sass/_responsive.scss
@@ -51,4 +51,18 @@
   #menu_toggle_container {
     display: none;
   }
+  dl {
+    flex-direction: row;
+    dt {
+      width: 40%;
+    }
+    dd {
+      width: 60%;
+    }
+  }
+}
+
+img {
+  display: inline-block;
+  width: 45%;
 }