experience mobile header

This commit is contained in:
lukas-heiligenbrunner 2020-03-20 16:41:20 +01:00
parent dec12cb6d2
commit 0b305db055

View File

@ -90,19 +90,22 @@
#section3 { #section3 {
height: 100%; height: 100%;
} }
.tab { .tab {
display: inline-block; display: inline-block;
width: 20%; width: auto;
/*float: left;*/ /*float: left;*/
margin: 2px;
margin-right: 0; border: 0.5mm solid hsla(0, 100%, 50%, 0);
padding: 2px 2px 2px 0;
border: 0mm solid hsla(0, 100%, 50%, 0);
padding-left: 0;
clear: none; clear: none;
margin-bottom: 70px; margin-bottom: 70px;
} }
#tab1 + .tab {
margin-left: 15px;
}
.content { .content {
position: static; position: static;
display: block; display: block;
@ -113,6 +116,7 @@
.ratiobtn:checked + .tab { .ratiobtn:checked + .tab {
color: aqua; color: aqua;
background-color: #146d23;
transition: border-left-color 500ms; transition: border-left-color 500ms;
} }