fix: sticky content nav, news list, adhesions

assets/sass/adhesion.scss

@@ -178,7 +178,7 @@
 }
 
 
-.adhesion-choice {
+.adhesion-choices {
     display: grid;
     grid-template-columns: 1fr 1fr;
     column-gap: .5rem;
@@ -188,12 +188,12 @@
     }
 }
 
-.adhesion-choice__item {
+.adhesion-choices__item {
     border: 1px solid gray;
     text-align: center;
 }
 
-.adhesion-choice__item {
+.adhesion-choices__item {
     &:hover, &:focus {
         background: transparent !important;
         box-shadow: inset 0 0 10px $accent-dark;
@@ -204,7 +204,7 @@
     }
 }
 
-.adhesion-choice__item__icon {
+.adhesion-choices__item__icon {
     margin-bottom: 1rem;
     svg {
         padding: .8rem;
@@ -213,5 +213,15 @@
     }
 }
 
-.adhesion-choice__item {
+@media (max-width: $md-breakpoint) {
+    .adhesion-choices {
+        display: block;
+        .adhesion-choices__item {
+            width: 100%;
+            margin-bottom: 1rem;
+        }
+        .adhesion-choices__item:last-child {
+            margin-bottom: 0;
+        }
+    }
 }

assets/sass/article.scss

@@ -1,3 +1,4 @@
+// in the context of reading the article
 .article__date {
     font-style: italic;
 }
@@ -6,10 +7,14 @@
     max-width: 100%;
 
     img {
+        object-fit: contain;
+        aspect-ratio: 1;
+        max-height: 60vh;
         max-width: 100%;
     }
 }
 
+// card in list
 .article-card {
     display: flex;
     background-color: rgba(0, 0, 0, 0.2);
@@ -108,6 +113,7 @@
     float: right;
 }
 
+
 @media (max-width: $sm-breakpoint) {
     .prominent-article {
         .article__title {
@@ -123,4 +129,3 @@
     }
 
 }
-

assets/sass/general.scss

@@ -187,3 +187,50 @@ figure {
 .icon-facebook {
     fill: lighten(#0866FF, 20%) !important;
 }
+
+.content-with-side-menu {
+    // display: grid;
+    // grid-template-columns: 1fr 1fr 1fr 1fr;
+
+    // margin: 0 auto;
+    // width: 85%;
+
+    // display: grid;
+    // grid-template-columns: 20rem 1fr;
+    // column-gap: 3rem;
+    position: relative;
+
+    .side-menu__container {
+        position: sticky;
+        top: 7rem;
+        left: 5rem;
+        width: 25rem;
+        height: 0;
+    }
+    .side-menu {
+    }
+
+}
+
+.sticky-nav {
+    position: sticky;
+    top: 7rem;
+    background: white; 
+    border: 1px solid black;
+
+    ul {
+        display: flex;
+        justify-content: space-between;
+        align-items: stretch;
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+        height: 100%;
+        li {
+            width: 100%;
+            margin: 0;
+            padding: .5rem 1rem;
+            border: 1px solid $background-secondary;
+        }
+    }
+}

assets/sass/header.scss

@@ -1,7 +1,3 @@
-.after-header {
-    overflow-x: hidden;
-}
-
 $header-height: 6rem;
 
 .site-header {
@@ -29,12 +25,20 @@ $header-height: 6rem;
     margin: 0;
     li {
         margin-right: 1.5rem;
+        display: flex;
+        align-items: center;
     }
     li:last-of-type {
         margin-right: 0;
     }
 }
 
+.membership-header-button {
+    font-size: 1rem;
+    padding: .5rem 2rem;
+    min-width: initial;
+}
+
 .site-header__nav {
     a {
         color: white;

assets/sass/landing.scss

@@ -267,6 +267,8 @@
 }
 
 .landing-main {
+    overflow-x: hidden; // fix later
+
     section:first-of-type {
         border-top: 1px solid rgba(1, 1, 1, 0.2);
     }