diff --git a/src/app/home/home.component.css b/src/app/home/home.component.css
index 3e0e8ff..0e44c53 100644
--- a/src/app/home/home.component.css
+++ b/src/app/home/home.component.css
@@ -130,7 +130,7 @@
     }
 
     .stack-section {
-        height: 100vh;
+        height: 90vh;
     }
     .stack {
         padding-top: 60px;
diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts
index c6afd72..0698872 100644
--- a/src/app/home/home.component.ts
+++ b/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",
-            inline: "start"
+            block: block,
+            inline: "nearest"
         });
     }
 }
diff --git a/src/app/home/stack-slider/stack-slider.component.ts b/src/app/home/stack-slider/stack-slider.component.ts
index 465537a..ef32c00 100644
--- a/src/app/home/stack-slider/stack-slider.component.ts
+++ b/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;