Apoligies in advance for this horrible commit history I am making.

This commit is contained in:
worldwidepixel 2024-06-02 19:06:19 -07:00
parent 453eb7036d
commit 9b748213aa

View file

@ -9,7 +9,6 @@
<div class="nationCoreInfo"> <div class="nationCoreInfo">
<h1> {{ nation.name }} </h1> <h1> {{ nation.name }} </h1>
<p style="font-family:monospace"> {{ nation.short }} </p> <p style="font-family:monospace"> {{ nation.short }} </p>
<hr>
<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">
@ -22,17 +21,18 @@
<style> <style>
/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */ /* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
@media (max-width: 600px) { @media (max-width: 800px) {
.nationLayout { .nationLayout {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
} }
@media (min-width: 601px) { @media (min-width: 801px) {
.nationLayout { .nationLayout {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
gap: 1rem;
} }
} }
@ -44,7 +44,6 @@
flex-grow: 1; flex-grow: 1;
flex-basis: 250px; flex-basis: 250px;
display: flex; display: flex;
gap: 0.25rem;
flex-direction: column; flex-direction: column;
flex-wrap: wrap; flex-wrap: wrap;
} }