Lane: Difference between revisions
No edit summary |
mNo edit summary |
||
| Line 11: | Line 11: | ||
.content { | .content { | ||
grid-area: content; | grid-area: content; | ||
} | } | ||
| Line 28: | Line 24: | ||
.wrapper { | .wrapper { | ||
display: grid; | display: grid; | ||
grid-gap: | grid-gap: 10px; | ||
grid-template-areas: | grid-template-areas: | ||
"sidebar" | "sidebar" | ||
"content" | "content" | ||
| Line 42: | Line 37: | ||
grid-template-columns: 20% auto; | grid-template-columns: 20% auto; | ||
grid-template-areas: | grid-template-areas: | ||
"sidebar content" | "sidebar content" | ||
"sidebar2 sidebar2" | "sidebar2 sidebar2" | ||
| Line 51: | Line 45: | ||
@media only screen and (min-width: 768px) { | @media only screen and (min-width: 768px) { | ||
.wrapper { | .wrapper { | ||
grid-gap: | grid-gap: 10px; | ||
grid-template-columns: 25% auto 25%; | grid-template-columns: 25% auto 25%; | ||
grid-template-areas: | grid-template-areas: | ||
"sidebar content sidebar2" | "sidebar content sidebar2" | ||
"footer footer footer"; | "footer footer footer"; | ||
| Line 68: | Line 61: | ||
} | } | ||
.sidebar { | .sidebar { | ||
| Line 96: | Line 86: | ||
border-image: linear-gradient(to right, #FFFFFF, #540000); | border-image: linear-gradient(to right, #FFFFFF, #540000); | ||
border-image-slice: 1; | border-image-slice: 1; | ||
} | |||
.gallery { | |||
margin-bottom: 10px; | |||
border-radius: 5px; | |||
padding: 10px; | |||
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); | |||
background-image: linear-gradient(to top left, #540000, #000000); | |||
} | } | ||
}} | }} | ||
<div class="gallery"> | |||
<gallery heights="150px" gallery mode="packed-hover"> | |||
File:Lane profile.webp | |||
</gallery> | |||
</div> | |||
<div class="wrapper"> | <div class="wrapper"> | ||
<div class="box sidebar"> | <div class="box sidebar"> | ||
<p class="heading">RP Hooks</p> | <p class="heading">RP Hooks</p> | ||
Revision as of 06:44, 13 June 2025
On raven wings...
Coming Soon