Better Snap Scroll Behavior

src/app/home/home.component.css

@@ -130,7 +130,7 @@
     }
 
     .stack-section {
-        height: 100vh;
+        height: 90vh;
     }
     .stack {
         padding-top: 60px;

src/app/home/home.component.ts

@@ -9,10 +9,14 @@ export class HomeComponent {
     constructor() {}
 
     scrollToElement(element: HTMLElement): void {
+        let block: ScrollLogicalPosition = "start";
+        if (window.innerWidth < 400) {
+            block = "end";
+        }
         element.scrollIntoView({
             behavior: "smooth",
-            block: "start",
+            block: block,
-            inline: "start"
+            inline: "nearest"
         });
     }
 }

src/app/home/stack-slider/stack-slider.component.ts

@@ -109,7 +109,7 @@ export class StackSliderComponent implements AfterViewInit {
     }
 
     private getNumberOfCards(windowWidth: number): number {
-        if (windowWidth <= 412) {
+        if (windowWidth <= 450) {
             return 1;
         } else if (windowWidth <= 768) {
             return 2;