1 files changed, 7 insertions, 5 deletions
diff --git a/src/routes/girls/+page.svelte b/src/routes/girls/+page.svelte
index 88f06460..bbe57ac9 100644
--- a/src/routes/girls/+page.svelte
+++ b/src/routes/girls/+page.svelte
@@ -92,7 +92,9 @@ import "$styles/girls.scss";
   {/await}
 </details>
 
-<style>
+<style lang="scss">
+  @use "breakpoints" as *;
+
   img {
     border-radius: 8px;
     width: 25vh;
@@ -102,25 +104,25 @@ import "$styles/girls.scss";
     columns: 6;
   }
 
-  @media (max-width: 1280px) {
+  @media (max-width: $bp-xl) {
     .languages ul {
       columns: 5;
     }
   }
 
-  @media (max-width: 1024px) {
+  @media (max-width: $bp-lg) {
     .languages ul {
       columns: 4;
     }
   }
 
-  @media (max-width: 768px) {
+  @media (max-width: $bp-md) {
     .languages ul {
       columns: 3;
     }
   }
 
-  @media (max-width: 512px) {
+  @media (max-width: $bp-sm) {
     .languages ul {
       columns: 2;
     }