Make h2 elements center-aligned on devices with displays less than 600 px wide.
This commit is contained in:
parent
9266164ed4
commit
4871198d6e
10
inf.css
10
inf.css
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user