schatten versucht ig

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%;
 }
-