edit css categorybtns

This commit is contained in:
msosic97
2022-03-14 12:22:36 +01:00
parent 992cb1756a
commit a738f08905
2 changed files with 29 additions and 6 deletions

View File

@@ -4,7 +4,7 @@
} }
.standardBtn { .standardBtn {
width: 150px; width:300px;
background-color: #02ADBA; background-color: #02ADBA;
font-size: 15px; font-size: 15px;
padding: 7px 20px 7px 20px; padding: 7px 20px 7px 20px;
@@ -21,13 +21,36 @@
padding: 5px; padding: 5px;
} }
.left-button:hover { .left-button:hover {
background-color:#9eedf3 background-color:#9eedf3;
} }
.right-button { .right-button {
padding: 5px; padding: 5px;
} }
.right-button:hover { .right-button:hover {
background-color:#9eedf3 background-color:#9eedf3;
}
}
@media screen and (max-width: 700px) {
.standardBtn {
width: 200px;
background-color: #02ADBA;
font-size: 15px;
padding: 7px 20px 7px 20px;
color: white;
border: #02ADBA;
}
}
@media screen and (max-width: 400px) {
.standardBtn {
width: 150px;
background-color: #02ADBA;
font-size: 15px;
padding: 7px 20px 7px 20px;
color: white;
border: #02ADBA;
}
}

View File

@@ -13,7 +13,7 @@ header {
font-size: 25px; font-size: 25px;
} }
@media screen and (max-width: 800px) { @media screen and (max-width: 700px) {
.title { .title {
font-size: 20px; font-size: 20px;
} }