feat(tag): collaspable

1 files changed, 30 insertions, 0 deletions

diff --git a/scss/main.scss b/scss/main.scss
index 4e2e904..b24b490 100644
--- a/scss/main.scss
+++ b/scss/main.scss
@@ -107,6 +107,10 @@ h3 {
   font-size: 1.5rem;
 }
 
+h4 {
+  font-size: 1.25rem;
+}
+
 .presentation {
   position: relative;
   display: flex;
@@ -194,6 +198,32 @@ h3 {
   }
 }
 
+.tags {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin-top: 1rem;
+  column-gap: 2rem;
+  row-gap: 1rem;
+  & h4 {
+    //text-align: center;
+  }
+  & p {
+    display: none;
+  }
+}
+
+.tag {
+  cursor: pointer;
+  &.active {
+    & h4 {
+      margin-bottom: 0.5rem;
+    }
+    & p {
+      display: block;
+    }
+  }
+}
+
 .credits-legal {
   width: 70%;
 }