schatten versucht ig

This commit is contained in:
Leon Voß 2024-02-19 21:34:04 +01:00
parent e36eeadc89
commit 3b236b5f28
Signed by: Leon
GPG key ID: 0CF5D5D1C790ADC9

View file

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