forked from PrivateCoffee/wikimore
fix(styles): improve layout and responsiveness
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:
parent
10f354a240
commit
f9add6305b
1 changed files with 3 additions and 0 deletions
|
@ -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 */
|
||||
|
|
Loading…
Reference in a new issue