From b8232fbcbaf0d83e7317b351f0235c451f038ff1 Mon Sep 17 00:00:00 2001 From: Andinus Date: Sat, 11 Jun 2022 14:15:53 +0530 Subject: Improve styles on heading, gallery --- resources/css/style.css | 3 +++ 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({ -- cgit 1.4.1-2-gfad0