1
0
mirror of https://github.com/restoreddev/phpapprentice.git synced 2025-08-02 21:07:43 +02:00

Adding mobile styles for home page

This commit is contained in:
Andrew Davis
2019-01-08 22:49:30 -06:00
parent 0e07aa6b25
commit 398d3204c3

View File

@@ -90,7 +90,7 @@ button:hover .icon svg {
.button {
background-color: $primary-color;
color: $white;
padding: 0.25em 0.75em;
padding: 0.5em 0.75em;
border-radius: 2em;
display: inline-block;
}
@@ -212,7 +212,23 @@ button:hover .icon svg {
}
.home-buttons .menu {
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 {
margin-bottom: 1.5em;