schatten versucht ig
This commit is contained in:
parent
e36eeadc89
commit
3b236b5f28
1 changed files with 18 additions and 11 deletions
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue