Improve scaling on smaller devices

This commit is contained in:
Jan Iłowski 2023-03-01 21:27:47 +01:00
parent 238d028a74
commit cb6c955e23

View File

@ -47,6 +47,9 @@ body {
display: flex;
justify-content: space-around;
padding: 32px;
@media (max-width: 500px) {
padding: 8px;
}
}
.imgArrrow {
@ -89,6 +92,11 @@ body {
flex-direction: column;
margin-top: 2rem;
@media (max-width: 500px) {
width: 100%;
}
.options-container {
background: #2f3640;
color: #f5f6fa;
@ -143,7 +151,7 @@ body {
.inputSearch {
width: 360px;
width: 100%;
font-size: 15px;
padding: .5em;
}
@ -226,9 +234,13 @@ body {
margin-top: .3em;
letter-spacing: 2px;
font-size: 55px;
font-size: 3rem;
text-align: center;
font-weight: bolder;
@media (max-width: 500px) {
font-size: 2rem;
}
}
@keyframes rotate {