Some css fixes for better homepage rendering on mobile

- i hope this doesn't affect the rest of the site
This commit is contained in:
towards-a-new-leftypol 2024-01-08 11:46:10 -05:00
parent ae134d0e2b
commit c1d12ffa92
2 changed files with 7 additions and 7 deletions

View File

@ -23,7 +23,8 @@ img {
html, body {
max-width: 100%!important;
overflow-x: hidden!important;
margin: 0;
box-sizing: border-box;
}
.post-image{
@ -97,7 +98,6 @@ body {
color: black;
font-family: arial,helvetica,sans-serif;
font-size: 10pt;
margin: 0 4px;
padding-left: 4px;
padding-right: 4px;
}

View File

@ -1,8 +1,8 @@
<!doctype html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" media="screen" href="{{ config.url_stylesheet }}">
<link rel="stylesheet" media="screen" href="/stylesheets/bunker_like.css">
@ -26,14 +26,15 @@
.content {
grid-column: 2 / 9;
grid-row: 2;
width: 100%;
width: 100%;
max-width: 100%;
overflow-x: scroll;
}
body {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(200px, 1fr));
gap: 20px;
height: 100vh;
}
.modlog {
@ -75,7 +76,6 @@
display: grid;
grid-template-columns: none;
gap: 20px;
height: 100vh;
width: 100%;
}