jutty/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix spacing on very wide screens

Browse source
This commit is contained in:
jultty 2024-11-26 20:40:27 -03:00
commit a19b419b12
2 changed files with 3 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

21
static/assets/css/style.css
View file

@ -109,7 +109,7 @@ main {
}
.index-see-all {
margin-left: 14%;
margin-left: 20px;
padding-left: 30px;
font-size: 12pt;
}
@ -290,14 +290,10 @@ footer {
.index-h2 {
font-size: 1em;
margin-left: 14%;
padding-left: 20px;
margin-top: 40px;
}
.index-posts ul#posts {
margin-left: 14%;
padding-left: 20px;
}
@ -331,17 +327,6 @@ footer {
grid-template-columns: 12% 62% 14% 12%;
}
.index-posts {
display: grid;
grid-template-columns: 1fr 900px 1fr;
grid-template-areas: "margin-left posts margin-right";
}
.index-posts ul {
grid-area: posts;
justify-self: start;
}
.index-posts ul#posts {
margin-left: 40px;
}
@ -379,10 +364,6 @@ footer {
justify-self: center;
}
.index-posts {
grid-template-columns: 1fr 800px 1fr;
}
main {
margin: 0 20%;
}

2
templates/base.html
View file

@ -60,6 +60,7 @@
<body>
<div id="container">
<div>
{%- if lang == "pt" %}
<a id="skip-to-main" href="#main">Saltar para o conteúdo</a>
{%- else %}
@ -95,6 +96,7 @@
</div>
{%- endif %}
</div>
</div>
<main id="main">
{%- block content %}{% endblock %}