Position objects more compactly

1 files changed, 3 insertions, 2 deletions

diff --git a/script.js b/script.js
index 6cfcd78..1f401e6 100644
--- a/script.js
+++ b/script.js
@@ -10,10 +10,11 @@ let rad = 10 // Stroke radius
 let size = 200 // SVG width and height
 let A = [] // Objects
 let cnt = 0
+let rowsize = Math.floor(window.innerWidth / 1.1 / size)
 document.querySelectorAll("svg").forEach(function(svg) {
 	// Move objects so they aren't overlapping
-	svg.style.left = 1.5 * size * (cnt % 2) + "px"
-	svg.style.top = 1.5 * size * Math.floor(cnt / 2) + "px"
+	svg.style.left = 1.1 * size * (cnt % rowsize) + "px"
+	svg.style.top = 1.1 * size * Math.floor(cnt / rowsize) + "px"
 	cnt++
 	let a = {
 		id: svg.id, // Unique ID