>>> [!note] Migrated issue <!-- Drupal.org comment --> <!-- Migrated from issue #3566542. --> Reported by: [pameeela](https://www.drupal.org/user/1431110) Related to !12 >>> <h3 id="summary-problem-motivation">Problem/Motivation</h3> <p>The <code>.region-content</code> container doesn't have a max-width set, in order to allow for full width elements. But this means that any page that's not a Canvas page looks broken, because it's not inside of any container with a max-width.</p> <p>Thanks to @merchel I found the magic CSS to make this happen.</p> <p>What we want is:</p> <ol> <li>Full-width elements that sit outside of section components should be edge-to-edge on the page (this applies to hero billboard, CTA and image)</li> <li>The same elements should be restricted if they are placed inside of a section</li> <li>Pages rendered outside of Canvas (form pages, user profile page, whatever else) have a max-width that matches the header and footer</li> </ol>