style pride button
All checks were successful
/ weblog.lol (push) Successful in 30s

This commit is contained in:
zepp 2025-03-09 21:11:06 -04:00
parent 66cacfaf50
commit 789e5abd4c
2 changed files with 24 additions and 10 deletions

View File

@ -197,7 +197,10 @@
} }
.pride-img { .pride-img {
margin: 0 auto; width: 100%;
height: auto;
display: flex;
align-items: center;
} }
</style> </style>
</head> </head>
@ -217,13 +220,14 @@
</article> </article>
<hr /> <hr />
<img <div class="pride-img">
class="pride-img" <img
src="https://cdn.some.pics/emma/67ce39c59db6f.svg" src="https://cdn.some.pics/emma/67ce39c59db6f.svg"
alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both" alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both"
height="31px" height="31px"
width="88px" width="88px"
/> />
</div>
<h2>Recent posts</h2> <h2>Recent posts</h2>

View File

@ -179,7 +179,10 @@ color: #c81d25;
} }
.pride-img { .pride-img {
margin: 0 auto; width: 100%;
height: auto;
display: flex;
align-items: center;
} }
</style> </style>
@ -196,7 +199,14 @@ margin: 0 auto;
{body} {body}
<hr> <hr>
<img class="pride-img" src="https://cdn.some.pics/emma/67ce39c59db6f.svg" alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both" height="31px" width="88px"> <div class="pride-img">
<img
src="https://cdn.some.pics/emma/67ce39c59db6f.svg"
alt="a mashup of the transgender and bisexual pride flags. the two flags are flipped in the middle to form a heart shape of both"
height="31px"
width="88px"
/>
</div>
</main> </main>
<footer> <footer>