Improve mobile responsiveness

src/sass/profile/_base.scss

@@ -51,9 +51,10 @@
     margin-bottom: unset;
 }
 
-@media(max-width: 600px) {
+@media(max-width: 700px) {
     .profile-tabs {
         width: 100vw;
+        max-width: 600px;
 
         .timeline-container {
             width: 100% !important;
@@ -71,3 +72,9 @@
         padding: 0;
     }
 }
+
+@media (min-height: 900px) {
+    .profile-tab.sticky {
+        position: sticky;
+    }
+}

src/sass/profile/card.scss

@@ -103,7 +103,7 @@
     color: var(--profile_stat);
 }
 
-@media(max-width: 600px) {
+@media(max-width: 700px) {
     .profile-card-info {
         display: flex;
     }

src/sass/profile/photo-rail.scss

@@ -59,7 +59,7 @@
     padding-bottom: 12px;
 }
 
-@media(max-width: 600px) {
+@media(max-width: 700px) {
     .photo-rail-header {
         display: none;
     }
@@ -74,9 +74,7 @@
         overflow: hidden;
         transition: max-height 0.4s;
     }
-}
 
-@media(max-width: 600px) {
     .photo-rail-grid {
         grid-template-columns: repeat(6, 1fr);
     }

src/sass/timeline.scss

@@ -75,6 +75,7 @@
 
     &.wide {
         flex-grow: 1.2;
+        flex-basis: 50px;
     }
 }