PrivateCoffee/wikimore
5
1
Fork 1
Code Issues 11 Pull requests Projects Releases Packages Wiki Activity Actions

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