blitzwing/wikimore
1
0
Fork 0
forked from PrivateCoffee/wikimore
Code Pull requests Activity

fix(styles): improve layout and responsiveness

Browse source 
Added 'display: flex' to h1 for better alignment and spacing. Set 'clear: left' and 'max-width: 300px' for images with the 'mw-default-size' class to ensure proper text flow and prevent overflow in smaller viewports. Enhances overall page layout and mobile responsiveness.
This commit is contained in:
Kumi 2024-08-18 11:07:36 +02:00
parent 10f354a240
commit f9add6305b
Signed by: kumi
GPG key ID: ECBCC9082395383F
1 changed files with 3 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/wikimore/static/css/style.css
View file

@ -204,6 +204,7 @@ h1 {
padding: 0; padding: 0;
margin: 0; margin: 0;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
display: flex;
} }
.navbar { .navbar {
@ -347,6 +348,8 @@ figcaption,
.mw-default-size { .mw-default-size {
width: fit-content; width: fit-content;
float: left; float: left;
clear: left;
max-width: 300px;
} }
/* Reference styling */ /* Reference styling */