Add top border to sidebar, add border radius to hero image, align hero h1 to sidebar top
This commit is contained in:
13
styles.css
13
styles.css
@@ -121,7 +121,7 @@ body {
|
||||
text-align: center;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-top: 4rem;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 4rem;
|
||||
}
|
||||
|
||||
@@ -301,6 +301,16 @@ p {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2rem;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0; left: 0; right: 0; height: 3px;
|
||||
background: linear-gradient(90deg, transparent, var(--accent-green), var(--accent-blue), transparent);
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
@media(min-width: 900px) {
|
||||
@@ -358,6 +368,7 @@ p {
|
||||
height: auto;
|
||||
display: block;
|
||||
object-fit: contain;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.event-card {
|
||||
|
||||
Reference in New Issue
Block a user