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;
|
||||
}
|
||||
/*#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%;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue