1 files changed, 6 insertions, 4 deletions
diff --git a/src/lib/Landing.svelte b/src/lib/Landing.svelte
index bca1554c..4a6fa3d7 100644
--- a/src/lib/Landing.svelte
+++ b/src/lib/Landing.svelte
@@ -279,7 +279,9 @@ $effect(() => {
   </div>
 {/if}
 
-<style>
+<style lang="scss">
+  @use "breakpoints" as *;
+
   .landing {
     display: flex;
     flex-direction: column;
@@ -518,7 +520,7 @@ $effect(() => {
     }
   }
 
-  @media (max-width: 1000px) {
+  @media (max-width: $bp-lg) {
     .tools-and-demo {
       grid-template-columns: 1fr 1fr;
     }
@@ -529,7 +531,7 @@ $effect(() => {
     }
   }
 
-  @media (max-width: 800px) {
+  @media (max-width: $bp-md) {
     .section-row,
     .section-row.reverse {
       flex-direction: column;
@@ -564,7 +566,7 @@ $effect(() => {
     }
   }
 
-  @media (max-width: 500px) {
+  @media (max-width: $bp-sm) {
     .tools-and-demo {
       grid-template-columns: 1fr;
     }