Merge pull request #804 from JPToroDev/clean-up

Reimplement default behavior for max width in `frame()`.

Author: JPToroDev

Sources/Ignite/Modifiers/Frame.swift

@@ -155,6 +155,12 @@ private extension HTML {
         }
 
         if let maxWidth {
+            if width == nil {
+                // If no width has been explicitly set, allow content
+                // to scale with screen sizes smaller than the max width
+                // as a sensible default
+                dimensions.append(.init(.width, value: "100%"))
+            }
             dimensions.append(.init(.maxWidth, value: maxWidth.stringValue))
         }
 

Tests/IgniteTesting/Elements/Card.swift

@@ -72,7 +72,7 @@ class CardTests: IgniteTestSuite {
         let output = element.render()
 
         #expect(output == """
-        <div class="card" style="max-width: 500px">\
+        <div class="card" style="width: 100%; max-width: 500px">\
         <img src="/images/photos/dishwasher.jpg" alt="" class="card-img-top" /><div class="card-body">\
         <p class="card-text">Before putting your dishes into the dishwasher, give them a quick pre-clean.</p>\
         <a href="/" class="card-link btn btn-primary">Back to the homepage</a></div></div>