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:
parent
ae134d0e2b
commit
c1d12ffa92
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue