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; --ice_blue: #c2eafc;
} }
/*#endregion*/ /*#endregion*/
/*region Base Styling*/ /*#region Base Styling*/
html, body{ html,
body {
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
@ -40,12 +41,11 @@ ul {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: grid; display: grid;
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2px;
} }
li { li {
background-color: var(--white); background-color: var(--white);
outline: 2px solid black;
border: 1px solid var(--blue);
padding: 10px; padding: 10px;
margin-bottom: 30px; margin-bottom: 30px;
display: flex; display: flex;
@ -58,18 +58,25 @@ li > img {
width: 100%; width: 100%;
aspect-ratio: 5/2; aspect-ratio: 5/2;
object-fit: cover; object-fit: cover;
border: 3px solid var(--black); }
margin: Auto; li > img:before {
position: relative; z-index: 10;
right: 3px; 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*/ /*#endregion*/
footer { footer {
background-color: var(--blue); background-color: var(--blue);
outline: 5px solid var(--black); outline: 5px solid var(--black);
color: var(--white); color: var(--white);
padding: 10px; padding: 10px 0;
text-align: center; text-align: center;
width: 100%; width: 100%;
} }