Add a bit more margin to the highlighted blog posts section
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

This commit is contained in:
Kaan Barmore-Genç 2024-05-19 00:14:02 -05:00
parent e26a954193
commit 45527fdeeb
Signed by: kaan
GPG key ID: B2E280771CD62FCF

View file

@ -102,7 +102,7 @@
</section> </section>
{#if data.highlightedPosts.length > 0} {#if data.highlightedPosts.length > 0}
<section> <section class="highlighted">
<h2>Highlighted Blog Posts</h2> <h2>Highlighted Blog Posts</h2>
<BlogPostList showYear showReadingTime={false} posts={data.highlightedPosts} /> <BlogPostList showYear showReadingTime={false} posts={data.highlightedPosts} />
<div class="all-posts-button"> <div class="all-posts-button">
@ -122,6 +122,10 @@
clip-path: var(--clip-path); clip-path: var(--clip-path);
} }
.highlighted {
margin-top: 4rem;
}
.socials { .socials {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;