refactor: slight optimizations

Author: mfranzke

db-ux-design-system.html

@@ -158,7 +158,7 @@ <h2>It’s Storytime!</h2>
         <h3 data-variant="light">Our history</h3>
         <div>
           <img src="assets/custom/box.svg" alt="Box" />
-          <span>
+          <p>
             Lorem ipsum dolor sit amet consectetur. Urna fermentum egestas
             platea tempor laoreet in tellus pellentesque velit. Auctor vitae
             tortor in volutpat. Lorem dolor fermentum eget neque amet sapien
@@ -167,7 +167,7 @@ <h3 data-variant="light">Our history</h3>
             volutpat. Blandit in mattis libero quam. Sed sed porta mus nam nam
             ipsum nascetur augue. Eu maecenas erat sociis morbi arcu dolor.
             Massa commodo ut vitae sit nec.
-          </span>
+          </p>
         </div>
       </section>
       <section class="section-with-max-width">

styles/styles.css

@@ -80,7 +80,7 @@
     justify-items: center;
     gap: var(--db-spacing-fixed-xl);
 
-    > p {
+    p {
       /* 45rem are ~768 px for tablet*/
       max-inline-size: 45rem;
     }
@@ -144,6 +144,10 @@
       flex-direction: row;
     }
   }
+
+  p {
+    max-inline-size: 40rem;
+  }
 }
 
 .section-with-max-width {