CSS tweak for desktop wide screens
CSS tweak for desktop wide screens
Hi all, new here, and thought that lemmy.world looked a bit squished on my wide monitor. I'm no CSS whiz by any means but I think it looks nicer. You can use a browser extension like Stylus to apply it. works on beehive too, and probably others.
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
max-width: 98%;
}
.col-sm-2 {
flex: 0 0 16.66667%;
max-width: 10.66667%;
}
.col-md-8 {
flex: 0 0 75%;
max-width: 75%;
}
.col-md-4 {
flex: 0 0 25%;
max-width: 25%;
}
.small,
small {
font-size: 100%;
font-weight: 400;
}
mb-3,
.my-3 {
margin-bottom: .5rem!important;
}
.mt-3,
.my-3 {
margin-top: .1rem!important;
}
hr {
margin-block-start: 0.2em;
margin-block-end: 0.2em;
}
.ml-1,
.mx-1 {
margin-left: 1rem!important;
}
body {
line-height: 1.05;
}
.btn {
padding: .1rem 0.75rem;
} ```
1
comments
Also one here:
1 0 Reply