mirror of
https://koodu.h-i.works/projects/thebadspace
synced 2025-06-25 16:04:37 -05:00
Added mobile first menu and started responsive
Swithced the main nav to a mobile layout to cut down on complex responsive styling to make the heaader work. Also began touching up site wide responsive styles so the site works on multiple devices.
This commit is contained in:
@ -19,7 +19,7 @@ form.index-search-form {
|
||||
}
|
||||
|
||||
form.index-search-form > input[type="text"] {
|
||||
width: 91%;
|
||||
width: 88%;
|
||||
height: 50px;
|
||||
font: 44px var(--base-type);
|
||||
}
|
||||
@ -29,6 +29,7 @@ form.index-search-form > button {
|
||||
width: 60px;
|
||||
position: relative;
|
||||
top: 9px;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
::placeholder {
|
||||
@ -39,3 +40,11 @@ form.index-search-form > button {
|
||||
section.index-meta article {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 800px) {
|
||||
form.index-search-form > input[type="text"] {
|
||||
width: 85%;
|
||||
height: 50px;
|
||||
font: 34px var(--base-type);
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user