renaming stuff
This commit is contained in:
parent
c34e1b5ff6
commit
82b5709faa
1 changed files with 5 additions and 5 deletions
|
@ -8,15 +8,15 @@ const { title } = Astro.props
|
|||
|
||||
<section>
|
||||
<h1>{title}</h1>
|
||||
<div class="holder">
|
||||
<div class="wrapper">
|
||||
<div class="line"></div>
|
||||
<slot />
|
||||
<div class="circle"></div>
|
||||
<div class="drop"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<style>
|
||||
.circle {
|
||||
.drop {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
visibility: visible;
|
||||
|
@ -53,7 +53,7 @@ const { title } = Astro.props
|
|||
max-width: max-content;
|
||||
background-color: var(--c-darkgray);
|
||||
}
|
||||
.holder {
|
||||
.wrapper {
|
||||
margin: 2rem 3rem 0.5rem 3rem;
|
||||
display: flex;
|
||||
flex-flow: column wrap;
|
||||
|
@ -70,7 +70,7 @@ const { title } = Astro.props
|
|||
@media (min-width: 512px) {
|
||||
}
|
||||
@media (min-width: 1500px) {
|
||||
.holder {
|
||||
.wrapper {
|
||||
margin-left: 15rem;
|
||||
margin-right: 15rem;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue