nathan/ptcoffee_django
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix contact for on mobile screens to display as a single column

Browse Source
This commit is contained in:
Nathan Chapman 2022-05-15 15:11:40 -06:00
parent 8b6b5a298c
commit 527d592e20
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/static/styles/main.css
View File

@ -240,6 +240,16 @@ input[type=submit]:hover,
width: 100%; width: 100%;
} }
@media screen and (max-width: 600px) {
.contact-form {
grid-template-columns: 1fr;
}
.contact-form p:nth-child(6),
.contact-form p:last-child {
grid-column: 1;
}
}