info/phpapprentice
1
0
Fork 0
mirror of https://github.com/restoreddev/phpapprentice.git synced 2025-08-03 13:27:35 +02:00
Code Issues Releases Wiki Activity

Adding mobile styles for home page

Browse Source
This commit is contained in:
Andrew Davis
2019-01-08 22:49:30 -06:00
parent 0e07aa6b25
commit 398d3204c3
1 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/site.css
View File

@@ -90,7 +90,7 @@ button:hover .icon svg {
.button { .button {
background-color: $primary-color; background-color: $primary-color;
color: $white; color: $white;
padding: 0.25em 0.75em; padding: 0.5em 0.75em;
border-radius: 2em; border-radius: 2em;
display: inline-block; display: inline-block;
} }
@@ -212,7 +212,23 @@ button:hover .icon svg {
} }
.home-buttons .menu { .home-buttons .menu {
display: inline-block; display: inline-block;
padding: 0.25em 0.75em; padding: 0.5em 0.75em;
}
@media only screen and (max-width: 420px) {
.home-buttons {
padding-top: 0.5em;
max-width: 15em;
margin: 0 auto;
}
.home-buttons .button {
text-align: center;
display: block;
}
.home-buttons .menu {
margin-top: 0.5em;
text-align: center;
display: block;
}
} }
.menu { .menu {
margin-bottom: 1.5em; margin-bottom: 1.5em;