improved floating of title in experience.css

This commit is contained in:
lukas-heiligenbrunner 2020-03-20 17:53:16 +01:00
parent 0b305db055
commit 01db74dc6e
2 changed files with 16 additions and 4 deletions

View File

@ -46,3 +46,10 @@
#section5 { #section5 {
height: 50%; height: 50%;
} }
/* Screen smaller than 600px -- general small width screens */
@media screen and (max-width: 1200px) {
#section5 {
height: 100%;
}
}

View File

@ -92,26 +92,31 @@
} }
.tab { .tab {
display: inline-block; display: inline;
width: auto; width: auto;
/*float: left;*/ /*float: left;*/
margin: 2px; margin: 2px;
border: 0.5mm solid hsla(0, 100%, 50%, 0); border: 0.5mm solid hsla(0, 100%, 50%, 0);
padding: 2px 2px 2px 0; padding: 2px 2px 2px 0;
clear: none; clear: none;
margin-bottom: 70px; margin-bottom: 20px;
} }
#tab1 + .tab { #tab1 + .tab {
margin-left: 15px; margin-left: 15px;
} }
#tab4 + .tab {
float: none;
display: block;
}
.content { .content {
position: static; position: static;
display: block; display: block;
float: none; float: none;
width: auto; width: auto;
height: 450px; height: 350px;
} }
.ratiobtn:checked + .tab { .ratiobtn:checked + .tab {