fix: images & overflow

Aiman-Shafi · Apr 21, 2024 · abb2169 · abb2169
1 parent 27f55ad
commit abb2169
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/dist/output.css b/dist/output.css
@@ -557,7 +557,7 @@ video {
   height: 100vh;
   scroll-snap-type: y var(--tw-scroll-snap-strictness);
   --tw-scroll-snap-strictness: mandatory;
-  overflow: scroll;
+  overflow-y: scroll;
   scroll-behavior: smooth;
   transition-property: all;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);

diff --git a/index.html b/index.html
@@ -88,7 +88,7 @@
       <section id="model3" class="car-section">
         <img
           class="car-img"
-          src="https://tesla-cdn.thron.com/delivery/public/image/tesla/03e533bf-8b1d-463f-9813-9a597aafb280/bvlatuR/std/4096x2560/M3-Homepage-Desktop-LHD"
+          src="https://digitalassets.tesla.com/tesla-contents/image/upload/f_auto,q_auto/Homepage-Model-Y-Desktop-Global.png"
           alt="model 3"
         />
         <div class="car-details">
@@ -127,7 +127,7 @@ <h2 class="car-name">Model 3</h2>
       <section id="modelY" class="car-section">
         <img
           class="car-img"
-          src="https://tesla-cdn.thron.com/delivery/public/image/tesla/8e2df1b9-a4bf-4eb9-beec-2cf5cc77fca0/bvlatuR/std/2880x2400/Desktop-ModelY?quality=70"
+          src="https://digitalassets-secure.tesla.com/image/upload/f_auto,q_auto/xufyfcvqhmq36szytod7.jpg"
           alt="model y"
         />
         <div class="car-details">
@@ -166,7 +166,7 @@ <h2 class="car-name">Model Y</h2>
       <section id="modelX" class="car-section">
         <img
           class="car-img"
-          src="https://tesla-cdn.thron.com/delivery/public/image/tesla/ddc135ed-1638-40fb-8ab1-f8045059ecef/bvlatuR/std/4096x2560/Homepage-Model-X-Desktop-LHD"
+          src="https://digitalassets.tesla.com/tesla-contents/image/upload/h_1800,w_2880,c_fit,f_auto,q_auto:best/Homepage-Model-X-Desktop-LHD"
           alt="model X"
         />
         <div class="car-details">
@@ -205,7 +205,7 @@ <h2 class="car-name">Model X</h2>
       <section id="modelS" class="car-section">
         <img
           class="car-img"
-          src="https://tesla-cdn.thron.com/delivery/public/image/tesla/538ac149-d103-4834-9d38-641d8ae447ef/bvlatuR/std/4096x2560/Homepage-Model-S-Desktop-LHD"
+          src="https://digitalassets.tesla.com/tesla-contents/image/upload/f_auto,q_auto/Homepage-Model-S-Desktop-LHD-6.22.jpg"
           alt="model S"
         />
         <div class="car-details">
@@ -244,7 +244,7 @@ <h2 class="car-name">Model S</h2>
       <section id="solarPanel" class="car-section">
         <img
           class="car-img"
-          src="https://tesla-cdn.thron.com/delivery/public/image/tesla/16b04537-a4be-4bf9-8637-86862a858da8/bvlatuR/std/2880x1800/_25-HP-SolarPanels-D"
+          src="https://digitalassets.tesla.com/tesla-contents/image/upload/f_auto,q_auto/Homepage-SolarPanels-01-Desktop"
           alt="Solar Panel"
         />
         <div class="car-details">
@@ -281,7 +281,7 @@ <h2 class="car-name">Solar Panel</h2>
       <section id="solarRoof" class="car-section">
         <img
           class="car-img"
-          src="https://tesla-cdn.thron.com/delivery/public/image/tesla/4a41ec0e-7316-46a8-8ce9-e2f195ba644d/bvlatuR/std/2880x1800/Homepage-SolarRoof-Desktop-Global?quality=auto-medium&format=auto"
+          src="https://digitalassets.tesla.com/tesla-contents/image/upload/h_1800,w_2880,c_fit,f_auto,q_auto:best/Homepage-SolarRoof-Desktop-Global"
           alt="Solar Panel"
         />
         <div class="car-details">

diff --git a/src/input.css b/src/input.css
@@ -17,7 +17,7 @@ html {
 
 @layer components {
   .snap-feature {
-    @apply snap-y snap-mandatory h-screen overflow-scroll scroll-smooth transition-all duration-500;
+    @apply snap-y snap-mandatory h-screen overflow-y-scroll scroll-smooth transition-all duration-500;
   }
 
   .side-nav {