additional responsive design

This commit is contained in:
sageTheDM 2024-09-17 12:33:11 +02:00
parent 1821cbd64f
commit 1703650c2c

View file

@ -394,6 +394,12 @@ header a:hover {
transition: background-color 0.3s; transition: background-color 0.3s;
} }
@media (max-width: 1400px) {
.grid{
grid-template-columns: 1fr;
}
}
/* Responsive Adjustments */ /* Responsive Adjustments */
@media (max-width: 768px) { @media (max-width: 768px) {
.container { .container {
@ -414,6 +420,7 @@ header a:hover {
.input { .input {
grid-column: 1; grid-column: 1;
grid-row: 3; grid-row: 3;
margin-top: -4em;
} }
.input button { .input button {