Update index.html

This commit is contained in:
tiff 2024-12-28 01:56:39 -05:00 committed by GitHub
parent 2ba5fccfea
commit 81b8e48644
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -10,7 +10,7 @@
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-flow: column; flex-flow: column;
margin: auto 15%; margin: auto 18%;
} }
.wrapper > * { .wrapper > * {
@ -23,12 +23,31 @@
} }
.large { .large {
font-size: x-large; font-size: 1.5em;
} }
.right { .right {
margin-left: 5%; margin-left: 5%;
} }
/* Medium screens */
@media all and (max-width: 800px) {
.wrapper {
/* When on medium sized screens, we center it by evenly distributing empty space around items */
justify-content: center;
flex-flow: column;
margin: auto 8%;
}
}
/* Small screens */
@media all and (max-width: 500px) {
.wrapper {
/* On small screens, we are no longer using row direction but column */
justify-content: center;
flex-flow: column;
margin: auto 4%;
}
}
</style> </style>
</head> </head>
<body> <body>