diff --git a/src/layouts/Base.astro b/src/layouts/Base.astro index 0e2cf08..f83b569 100644 --- a/src/layouts/Base.astro +++ b/src/layouts/Base.astro @@ -436,11 +436,22 @@ const isHome = currentPath === '/'; .sides .left, .sides .right { width: 100% !important; float: none !important; margin: 0 !important; } .subscription-lists-ct { width: 100% !important; } .featured-item { width: 100% !important; } - /* Fix fixed-width elements */ - div[style*="width"] { max-width: 100% !important; } + /* Force ALL fixed-width elements to be responsive */ + [style*="width"], [width] { max-width: 100% !important; } + div[style*="width"] { width: 100% !important; } + table[width], td[width], th[width] { width: auto !important; max-width: 100% !important; } + /* Fix inline images with width attributes */ + img[width] { width: auto !important; max-width: 100% !important; height: auto !important; } + /* Headings */ + h1, h2, h3 { word-wrap: break-word; overflow-wrap: break-word; } + h2 u, h3 u { text-decoration: none; border-bottom: 2px solid #bb983b; } /* Buttons */ .buttons-hp a, .buttons-hp-vertical a { display: block; margin: 5px 0; text-align: center; } a.image-link { display: block; margin: 5px 0; } + /* Fix screenshot images */ + .screenshot, .screenshot img { max-width: 100% !important; height: auto !important; } + /* Compatibility logos */ + .compatibility img { max-width: 80px !important; height: auto !important; } } @media (max-width: 480px) { h1 { font-size: 1.4em; }