ward/ward-truyen-network-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Chore: resize carrousel on small screens

Browse Source
This commit is contained in:
Ward Truyen 2024-11-21 13:58:04 +01:00
parent 36ba53eb2e
commit 0c6dbbc544
1 changed files with 16 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/css/main.css
View File

@ -114,9 +114,11 @@ html {
.content>h2 { .content>h2 {
margin-top: 1.5em; margin-top: 1.5em;
} }
.content>h2 { .content>h2 {
margin-top: 0.2em; margin-top: 0.2em;
} }
.content>h3 { .content>h3 {
margin-left: 0.8em; margin-left: 0.8em;
margin-top: 0.5em; margin-top: 0.5em;
@ -164,7 +166,12 @@ html.theme-dark {
#image-carousel { #image-carousel {
width: 50rem; width: 50rem;
margin: 0 auto; margin: 0 auto;
/* background: #DD8888DD; */ }
@media only screen and (max-width: 600px) {
#image-carousel {
width: 25rem;
}
} }
@media(orientation: portrait) { @media(orientation: portrait) {