Lupancham/Website
1
0
Fork 0
forked from CRSS/Website
Code Pull requests Activity

CSS Laziness!

Browse source
This commit is contained in:
worldwidepixel 2024-06-02 19:01:23 -07:00
parent 8142c4b58c
commit 32ea7ecda3
2 changed files with 31 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
css/src/style.scss
View file

@ -424,31 +424,6 @@ a {
//
}
@media (max-width: 600px) {
.nationLayout {
display: flex;
flex-direction: column;
}
}
@media (min-width: 601px) {
.nationLayout {
display: flex;
flex-direction: row;
}
}
.nationFlag {
border-radius: 12px;
}
.nationCoreInfo {
flex-grow: 1;
display: flex;
gap: 1rem;
flex-direction: column;
flex-wrap: wrap;
}
.pageFooter {
opacity: 0.8;

31
template/nation.twig
View file

@ -19,5 +19,36 @@
</div>
</main>
<style>
/* TCF PLEASE MOVE THIS TO THE CORRECT CSS FILE, I AM TOO LAZY */
@media (max-width: 600px) {
.nationLayout {
display: flex;
flex-direction: column;
}
}
@media (min-width: 601px) {
.nationLayout {
display: flex;
flex-direction: row;
}
}
.nationFlag {
border-radius: 12px;
}
.nationCoreInfo {
flex-grow: 1;
display: flex;
gap: 1rem;
flex-direction: column;
flex-wrap: wrap;
}
</style>
{% include 'includes/footer.twig' %}
{% include 'includes/foot.twig' %}