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

View File

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