Make h2 elements center-aligned on devices with displays less than 600 px wide.

This commit is contained in:
inference 2022-12-26 02:14:56 +00:00
parent d686134584
commit ad693e8a0c

10
inf.css
View File

@ -3,7 +3,7 @@
/* Copyright 2022-2023 Inference */ /* Copyright 2022-2023 Inference */
/* SPDX-License-Identifier: BSD-3-Clause-Clear */ /* SPDX-License-Identifier: BSD-3-Clause-Clear */
/* Version: 0.4.0.4 */ /* Version: 0.5.0.5 */
h1 { h1 {
@ -137,6 +137,7 @@ table, th, td {
} }
@media (max-width: 600px) { @media (max-width: 600px) {
.sidebar { .sidebar {
width: 100vw; width: 100vw;
height: auto; height: auto;
@ -153,6 +154,10 @@ table, th, td {
display: none; display: none;
} }
h2 {
text-align: center;
}
h3 { h3 {
text-align: center; text-align: center;
} }
@ -160,9 +165,11 @@ table, th, td {
body { body {
margin: 15px; margin: 15px;
} }
} }
@media (max-width: 300px) { @media (max-width: 300px) {
h3 { h3 {
text-align: center; text-align: center;
} }
@ -170,4 +177,5 @@ table, th, td {
body { body {
padding-top: 80px; padding-top: 80px;
} }
} }