From 2d98ff5673456ae18dd91ae86868c3d7825a9748 Mon Sep 17 00:00:00 2001 From: Sandeep Kumar Date: Tue, 2 Apr 2024 15:59:07 +0530 Subject: [PATCH] Fixed stuff going out of viewport --- styles.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/styles.css b/styles.css index a67fa9c..31eb952 100644 --- a/styles.css +++ b/styles.css @@ -26,6 +26,7 @@ body { height: 100vh; width: 100vw; grid-gap: 20px; + padding: 10px; background-color: var(--bg-square-inner-color); background-image: linear-gradient(90deg, var(--bg-square-edge-color) 49%, var(--bg-square-edge-color) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%), linear-gradient(0, var(--bg-square-edge-color) 49%, var(--bg-square-edge-color) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%), radial-gradient(circle, rgba(0, 0, 0, 0) 50%, var(--bg-square-edge-color) 100%); background-size: var(--bg-square-width), var(--bg-square-width) var(--bg-square-width), 100%; @@ -153,6 +154,7 @@ body>div { background-color: transparent; border-radius: 10px; padding: 10px; + width: 95%; background: radial-gradient(circle, var(--bg-square-edge-color) 0%, var(--bg-square-edge-color) 25%, transparent 100%),