Adjust page layout widths and grid proportions

Reduce main container max-width from 1200px to 1000px while
expanding commentary container and switching two-column grid from
fixe
This commit is contained in:
2025-05-26 15:20:36 -04:00
parent e97212e604
commit 08786e6336
3 changed files with 6 additions and 18 deletions
+1 -1
View File
@@ -168,7 +168,7 @@ body {
}
.container {
max-width: 1200px;
max-width: 1000px;
margin: 0 auto;
padding: 3rem 2rem;
}
+5 -5
View File
@@ -140,7 +140,7 @@ h1, h2, h3, h4, h5, h6 {
}
.commentary-container {
max-width: 1400px;
max-width: 1600px;
margin: 0 auto;
padding: 0 1rem;
width: 100%;
@@ -286,7 +286,7 @@ h1, h2, h3, h4, h5, h6 {
box-shadow: var(--shadow-sm);
margin-bottom: 2rem;
width: 100%;
max-width: 320px;
max-width: 350px;
justify-self: start;
}
@@ -409,7 +409,7 @@ h1, h2, h3, h4, h5, h6 {
.main-content {
width: 100%;
max-width: 800px;
max-width: 900px;
overflow-wrap: break-word;
margin: 0 auto;
padding: 0;
@@ -420,7 +420,7 @@ h1, h2, h3, h4, h5, h6 {
.two-column {
display: grid;
grid-template-columns: 1fr 320px;
grid-template-columns: 3fr 1fr;
gap: 3rem;
align-items: start;
max-width: 100%;
@@ -453,7 +453,7 @@ h1, h2, h3, h4, h5, h6 {
}
.commentary-container {
max-width: 1100px;
max-width: 1300px;
}
.container {
-12
View File
@@ -219,18 +219,6 @@
font-size: 1.25rem;
line-height: 1.7;
}
}
</edits>
<edits>
<old_text>
<li>
<a href="{{ ref.url }}" class="verse-reference" style="color: var(--primary-color); text-decoration: none;">
{{ ref.text }}
<span class="verse-tooltip">{{ ref.verse_text|default("Click to view " + ref.text) }}</span>
</a> - {{ ref.context }}
</li>
</style>
{% endblock %}