polycord/Website
1
0
Fork 0
forked from blurryface/Website
Code Pull requests Activity

CSS 4

Browse source
This commit is contained in:
worldwidepixel 2024-06-02 19:09:41 -07:00
parent 9b748213aa
commit 3310fffc63
1 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
template/nation.twig
View file

@ -7,12 +7,12 @@
<main class="pageContent container"> <main class="pageContent container">
<div class="nationLayout"> <div class="nationLayout">
<div class="nationCoreInfo"> <div class="nationCoreInfo">
<h1> {{ nation.name }} </h1> <h1 style="margin: 0"> {{ nation.name }} </h1>
<p style="font-family:monospace"> {{ nation.short }} </p> <p style="font-family:monospace"> {{ nation.short }} </p>
<img class="nationFlag" src="{{ nation.flag }}" alt="{{ nation.name }}'s flag." /> <img class="nationFlag" src="{{ nation.flag }}" alt="{{ nation.name }}'s flag." />
</div> </div>
<div class="nationCoreInfo"> <div class="nationCoreInfo">
<h3> Description </h3> <h2 style="margin: 0"> Description </h2>
<p> {{ nation.description }} </p> <p> {{ nation.description }} </p>
</div> </div>
</div> </div>
@ -32,7 +32,7 @@
.nationLayout { .nationLayout {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 1rem; gap: 3rem;
} }
} }
@ -43,6 +43,7 @@
.nationCoreInfo { .nationCoreInfo {
flex-grow: 1; flex-grow: 1;
flex-basis: 250px; flex-basis: 250px;
gap: 1rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;