From 3b236b5f28e2e51d468a6238ad8fbda7e8e1650e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leon=20Vo=C3=9F?= <leon.m.voss@gmail.com>
Date: Mon, 19 Feb 2024 21:34:04 +0100
Subject: [PATCH] schatten versucht ig

---
 app/css/main.css | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/app/css/main.css b/app/css/main.css
index 1364cf7..eb00caf 100644
--- a/app/css/main.css
+++ b/app/css/main.css
@@ -7,8 +7,9 @@
   --ice_blue: #c2eafc;
 }
 /*#endregion*/
-/*region Base Styling*/
-html, body{
+/*#region Base Styling*/
+html,
+body {
   margin: 0;
   padding: 0;
 }
@@ -40,12 +41,11 @@ ul {
   margin: 0;
   padding: 0;
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 2px;
 }
 li {
   background-color: var(--white);
-  outline: 2px solid black;
-  border: 1px solid var(--blue);
   padding: 10px;
   margin-bottom: 30px;
   display: flex;
@@ -58,18 +58,25 @@ li > img {
   width: 100%;
   aspect-ratio: 5/2;
   object-fit: cover;
-  border: 3px solid var(--black);
-  margin: Auto;
-  position: relative;
-  right: 3px;
+}
+li > img:before {
+  z-index: 10;
+  display: block;
+  content: "hello";
+  position: absolute;
+  width: 100px;
+  height: 100px;
+  left: 0px;
+  right: 0px;
+  background-color: red;
+  box-shadow: inset 0 0 64px 8px red;
 }
 /*#endregion*/
 footer {
   background-color: var(--blue);
   outline: 5px solid var(--black);
   color: var(--white);
-  padding: 10px;
+  padding: 10px 0;
   text-align: center;
   width: 100%;
 }
-