diff --git a/src/yes.module.css b/src/yes.module.css index 0ce6722..a85006c 100644 --- a/src/yes.module.css +++ b/src/yes.module.css @@ -1,12 +1,23 @@ +/* Make sure container never exceeds viewport */ .container { - max-width: 100%; - padding: 0 1rem; + max-width: 100vw; /* use viewport width */ + width: 100%; + padding: 1rem; /* optional horizontal padding */ box-sizing: border-box; - overflow-x: hidden; + overflow-x: hidden; /* prevent horizontal scroll */ text-align: center; } +/* Reset headings to prevent default margin issues */ h1, h2, h3 { + margin: 0.5rem 0; /* smaller vertical spacing */ word-wrap: break-word; overflow-wrap: break-word; } + +/* Optional mobile font adjustments */ +@media (max-width: 480px) { + h1 { font-size: 1.5rem; } + h2 { font-size: 1.2rem; } + h3 { font-size: 1rem; } +}