diff --git a/src/components/Gallery.vue b/src/components/Gallery.vue index 3548950..821d173 100644 --- a/src/components/Gallery.vue +++ b/src/components/Gallery.vue @@ -101,7 +101,7 @@ export default { display: flex; width: 100%; flex-direction: row; - justify-content: space-evenly; + // justify-content: space-evenly; flex-wrap: wrap; padding: 1rem 0; } diff --git a/src/components/GalleryImage.vue b/src/components/GalleryImage.vue index 7bdecab..605868c 100644 --- a/src/components/GalleryImage.vue +++ b/src/components/GalleryImage.vue @@ -53,10 +53,11 @@ export default { } img { - max-height: 250px; - max-width: 250px; + max-height: 300px; + max-width: 300px; + width: 300px; cursor: pointer; - margin: 0 0.5rem; + margin: 0.6rem; @media screen and (max-width: 600px) { background-color: red; diff --git a/src/scss/main.scss b/src/scss/main.scss index 4ed419e..d8085e5 100644 --- a/src/scss/main.scss +++ b/src/scss/main.scss @@ -44,7 +44,7 @@ a { // max-width: unset; } - @media screen and (min-width: 1100px) { - max-width: 1000px; + @media screen and (min-width: 1400px) { + max-width: 1400px; } } \ No newline at end of file