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;
justify-content: center;
flex-flow: column;
margin: auto 15%;
margin: auto 18%;
}
.wrapper > * {
@ -23,12 +23,31 @@
}
.large {
font-size: x-large;
font-size: 1.5em;
}
.right {
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>
</head>
<body>