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:
parent
f17511dccd
commit
980f2e14d7
4 changed files with 17 additions and 8 deletions
7
public/assets/app.css
vendored
7
public/assets/app.css
vendored
|
@ -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) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue