diff --git a/assets/sass/base/forms/_forms.scss b/assets/sass/base/forms/_forms.scss
index cf3962d..57ee7cf 100644
--- a/assets/sass/base/forms/_forms.scss
+++ b/assets/sass/base/forms/_forms.scss
@@ -59,7 +59,7 @@ input,
 label,
 textarea,
 select {
-  max-width: var(--max-line-width);
+  max-inline-size: var(--max-line-width);
 }
 
 fieldset {
diff --git a/assets/sass/base/grouping/_grouping.scss b/assets/sass/base/grouping/_grouping.scss
index 520660c..9719ac2 100644
--- a/assets/sass/base/grouping/_grouping.scss
+++ b/assets/sass/base/grouping/_grouping.scss
@@ -13,7 +13,7 @@ blockquote {
   margin-inline: var(--indent-amount);
 
   /* Set max text line width in main for readability. */
-  max-width: var(--max-line-width);
+  max-inline-size: var(--max-line-width);
 }
 
 /* Lists */
@@ -58,7 +58,7 @@ li {
 
   /* Set max text line width in main for readability. */
   .main & {
-    max-width: var(--max-line-width);
+    max-inline-size: var(--max-line-width);
   }
 }
 
@@ -83,7 +83,7 @@ p {
 
   /* Set max text line width in main for readability. */
   .main & {
-    max-width: var(--max-line-width);
+    max-inline-size: var(--max-line-width);
   }
 }
 
diff --git a/assets/sass/base/headings/_headings.scss b/assets/sass/base/headings/_headings.scss
index f499acd..1ff1a98 100644
--- a/assets/sass/base/headings/_headings.scss
+++ b/assets/sass/base/headings/_headings.scss
@@ -30,7 +30,7 @@ h6,
 
   /* Set max text line width in main for readability. */
   .main & {
-    max-width: var(--max-line-width);
+    max-inline-size: var(--max-line-width);
   }
 }
 
diff --git a/assets/sass/base/images/_images.scss b/assets/sass/base/images/_images.scss
index 0d6b12b..4dd21dc 100644
--- a/assets/sass/base/images/_images.scss
+++ b/assets/sass/base/images/_images.scss
@@ -39,7 +39,7 @@ figure {
       contain: inline-size;
 
       /* Set max text line width in main for readability. */
-      max-width: var(--max-line-width);
+      max-inline-size: var(--max-line-width);
 
       /* Nicer text wrap, e.g. no lone word on last line. */
       text-wrap: pretty;
diff --git a/assets/sass/base/reset/_reset.scss b/assets/sass/base/reset/_reset.scss
index fc34e52..f5cbbe5 100644
--- a/assets/sass/base/reset/_reset.scss
+++ b/assets/sass/base/reset/_reset.scss
@@ -60,7 +60,7 @@ object {
 img,
 svg,
 video {
-  max-width: 100%;
+  max-inline-size: 100%;
   height: auto;
 }
 
diff --git a/assets/sass/layouts/_layouts.scss b/assets/sass/layouts/_layouts.scss
index 24042c3..88de68f 100644
--- a/assets/sass/layouts/_layouts.scss
+++ b/assets/sass/layouts/_layouts.scss
@@ -3,7 +3,7 @@
 /* Initial layout setup. */
 .layout {
   &__page {
-    max-width: var(--max-page-width);
+    max-inline-size: var(--max-page-width);
 
     @media (min-width: 666px) {
       margin-inline: auto;
@@ -22,7 +22,7 @@
   &__page-bottom,
   &__cookieconsent {
     padding-inline: var(--gutters);
-    min-width: 0;  /* With display grid defaults to auto, making <pre> overflow. */
+    min-inline-size: 0;  /* With display grid defaults to auto, making <pre> overflow. */
   }
 }
 
@@ -32,7 +32,7 @@
 @if $max-page-width > $max-content-width {
   .layout {
     &__navigation > * {
-      max-width: var(--max-content-width);
+      max-inline-size: var(--max-content-width);
 
       @media (min-width: 666px) {
         margin-inline: auto;