1 files changed, 58 insertions, 0 deletions
diff --git a/assets/scss/web/_education.scss b/assets/scss/web/_education.scss
new file mode 100644
index 0000000..51179e3
--- /dev/null
+++ b/assets/scss/web/_education.scss
@@ -0,0 +1,58 @@
+.education {
+  // add empty space to the end of page (as big as the header)
+  margin-bottom: 150px;
+}
+
+.education__details {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  @media screen and (max-width: 780px) {
+    flex-flow: column wrap;
+  }
+}
+
+.education__degree {
+  min-width: 100%;
+  align-self: center;
+  font-size: 1.1em;
+  margin-bottom: 0;
+}
+
+.education__university,
+.education__gpa,
+.education__duration,
+.education__location {
+  min-width: 50%;
+  margin: 0;
+}
+
+.education__university {
+}
+
+.education__gpa {
+  order: 3;
+  @media screen and (max-width: 780px) {
+    order: 2;
+  }
+}
+
+.education__duration {
+  order: 2;
+  text-align: right;
+  align-self: flex-end;
+  @media screen and (max-width: 780px) {
+    text-align: left;
+    align-self: flex-start;
+  }
+}
+
+.education__location {
+  order: 4;
+  text-align: right;
+  align-self: flex-end;
+  @media screen and (max-width: 780px) {
+    text-align: left;
+    align-self: flex-start;
+  }
+}