Fix countdown page height to prevent unwanted scrolling
Remove default margins/padding and use viewport height with box-sizing to ensure the container fits exactly within the viewport. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
59d9a7b482
commit
8b99387005
@ -13,6 +13,8 @@ html {
|
|||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
html[data-scheme="dark"] body {
|
html[data-scheme="dark"] body {
|
||||||
@ -26,10 +28,11 @@ html[data-scheme="light"] body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
min-height: 100%;
|
min-height: 100vh;
|
||||||
display: grid;
|
display: grid;
|
||||||
place-items: center;
|
place-items: center;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user