range

assets/main.scss

@@ -216,7 +216,7 @@ a[href^="#"] {
     }
 
     &-title {
-        @apply col-span-4 font-bold text-lg text-end mt-4;
+        @apply col-span-4 font-bold text-lg text-end xl:mt-4 mb-4 xl:mb-0;
     }
 }
 
@@ -302,6 +302,10 @@ button {
         &_checkbox {
             @apply w-full xl:w-auto flex-row xl:flex-initial flex-nowrap
         }
+
+        input[type=range] {
+            @apply min-w-[calc(100%-8rem)] xl:min-w-min;
+        }
     }
 }