add embodying-the-avatar

_sass/_base.scss

@@ -9,6 +9,10 @@ dl, dd, ol, ul, figure {
 }
 
 
+.text-center {
+  text-align: center;
+}
+
 
 /**
  * Basic styling
@@ -61,6 +65,20 @@ figure > img {
     display: block;
 }
 
+figure.row {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+/* Inserting this collapsed row between two flex items will make 
+ * the flex item that comes after it break to a new row */
+.break {
+  flex-basis: 100%;
+  height: 0;
+}
+
 figcaption {
     font-size: $small-font-size;
 }