sheppy/flask-json-dream-website
1
0
Fork 0
mirror of https://github.com/FAUSheppy/flask-json-dream-website synced 2025-12-06 08:11:35 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

improve responsive sizes for titles

Browse Source
This commit is contained in:
Yannik Schmidt
2021-06-15 19:09:51 +02:00
parent d511342acd
commit 1e6c954742
1 changed files with 27 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
static/site.css
View File

@@ -7,22 +7,30 @@ body {
overflow-x: hidden; overflow-x: hidden;
} }
.flag{
height: 40px;
width: 70px;
background-repeat: round !important;
margin-left: 20px;
padding: 0 !important;
}
@media (max-width: 767px) { @media (max-width: 767px) {
body { body {
font-size: 25px; font-size: 25px;
} }
.flag{
margin-left: unset;
}
} }
@media (max-width: 500px) { @media (max-width: 500px) {
body { body {
font-size: 5vw; font-size: 5vw;
} }
} h1{
font-size: 30px;
.flag{ }
max-height: 100%;
max-width: 120%;
background-repeat: round !important;
} }
.title-responsive{ .title-responsive{
@@ -37,6 +45,12 @@ body {
} }
} }
@media (max-width: 1300px) and (min-width: 766px){
h1{
font-size: 3.5vw;
}
}
@media (max-width: 900px) { @media (max-width: 900px) {
.title-responsive{ .title-responsive{
font-size: 2.2vw !important; font-size: 2.2vw !important;
@@ -115,6 +129,13 @@ body {
background: rgba(0,0,0,0.25) !important; background: rgba(0,0,0,0.25) !important;
} }
.force-fill{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.wrapper { .wrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;