[Bug] Images, iframes, and videos in header will cause spacing issue

Open tekstrand opened this issue 1 year ago • 2 comments

iframe, img, video are all set the margin: auto by default. If you use an image in header under layout-simple the margin will break the justify-content: space-between rule

<!DOCTYPE html>
<html lang="en">
    <head>
        <link rel="stylesheet" href="https://matcha.mizu.sh/matcha.css">
    </head>
    <body class="layout-simple">
        <header>
            <img src="images/Austin-Mesh-Logo.svg" alt="Logo for Austin Mesh" title="Austin Mesh" width="500" height="60" />
            <div>
            	Social media links
            </div>
        </header>
    </body>
</html>

Jun 02 '24 20:06 tekstrand

Could you add a minimal HTML reproduction snippet if possible please ?

Jun 10 '24 01:06 lowlighter

♻️ updated new screenshot with minimal html to replicate

Jun 11 '24 15:06 tekstrand