Fix layout

2020-09-01 14:04:02 +03:00
parent 0ef02edde9
commit 92ec1c03da
3 changed files with 34 additions and 6 deletions
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -76,10 +76,21 @@ export default class Home extends Vue {
 <style scoped>
 .albums-wrapper {
  display: inline-block;
-  width: calc(100vw - 425px);
  vertical-align: top;
 }

+@media (max-width: 961px) {
+  .albums-wrapper {
+    width: calc(100vw);
+  }
+}
+
+@media (min-width: 960px) {
+  .albums-wrapper {
+    width: calc(100vw - 425px);
+  }
+}
+
 .albums {
  display: flex;
  flex-direction: row;