gilles/webgems
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Switch to 600px breakpoint for mobile layout

Browse Source
This commit is contained in:
Liam Dyer
2019-11-09 10:40:18 -05:00
parent 6e96a21200
commit 2a6e1fb1ab
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
components/Sidebar.vue
View File

@@ -86,7 +86,7 @@ export default {
} }
} }
@media (max-width: 400px) { @media (max-width: 600px) {
.sidebar { .sidebar {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr)); grid-template-columns: repeat(auto-fit, minmax(6rem, 1fr));

2
layouts/default.vue
View File

@@ -176,7 +176,7 @@ h1 {
} }
@media (max-width: 400px) { @media (max-width: 600px) {
.layout { .layout {
display: grid; display: grid;
grid-template-columns: auto; grid-template-columns: auto;