Mobile changes:

- Header layout fixed
  - Improved markup for better click region of header
  - reduced width of search input on mobile
This commit is contained in:
Jonny Barnes 2020-02-21 18:57:44 +00:00
parent f17511dccd
commit 980f2e14d7
4 changed files with 17 additions and 8 deletions

View file

@ -23,8 +23,8 @@ body {
flex-direction: column;
justify-content: center; }
#top-header h1 {
display: flex;
justify-content: center; }
width: 100%;
text-align: center; }
#top-header nav {
display: flex;
justify-content: center;
@ -70,6 +70,9 @@ footer {
flex-direction: column;
align-items: center;
margin-top: 1.5rem; }
@media screen and (max-width: 699px) {
footer input {
max-width: 95vw; } }
footer .iwc-logo {
max-width: 100%; }
@media screen and (max-width: 699px) {