diff options
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/css/style.css | 3 | ||||
| -rw-r--r-- | resources/js/gallery.js | 5 |
2 files changed, 6 insertions, 2 deletions
diff --git a/resources/css/style.css b/resources/css/style.css index cc2cb3a..240c98d 100644 --- a/resources/css/style.css +++ b/resources/css/style.css @@ -58,6 +58,9 @@ img { img { width: 400px; } .heading, .text, .directory { width: 380px; } +@media only screen and (min-width: 768px) { + .heading { margin-left: -20px; } +} @media only screen and (max-width: 512px) { img { width: 368px; } .heading, .text, .directory { width: 350px; } diff --git a/resources/js/gallery.js b/resources/js/gallery.js index 5643ce2..0289e58 100644 --- a/resources/js/gallery.js +++ b/resources/js/gallery.js @@ -9,9 +9,10 @@ const imgW = 400; const sizes = [ { columns: 1, gutter: 30 }, - { mq: round((imgW * 2.2) + 40) + "px", columns: 2, gutter: 35 }, + { mq: round((imgW * 2.2) + 40) + "px", columns: 2, gutter: 40 }, { mq: round((imgW * 3.5) + 50) + "px", columns: 3, gutter: 50 }, - { mq: round((imgW * 4.4) + 50) + "px", columns: 4, gutter: 50 }, + { mq: round((imgW * 4.5) + 50) + "px", columns: 4, gutter: 50 }, + { mq: round((imgW * 5.5) + 60) + "px", columns: 5, gutter: 60 }, ]; const bricks = Bricks({ |