Qihan/MyBlog-Next
1
0
Fork 0
mirror of https://github.com/ChenQihan666/MyBlog-Next.git synced 2026-08-14 11:01:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Add featured section

Browse Source
This commit is contained in:
Sat Naing
2022-09-09 22:43:17 +06:30
parent 1c2606ba16
commit 00b7e5fac2
1 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/index.astro
+13 -3
View File
@@ -53,14 +53,17 @@ import Header from "@components/Header.astro";
</div> </div>
<hr class="border-skin-line" /> <hr class="border-skin-line" />
</section> </section>
<section id="featured-section">
<h2>Featured</h2>
</section>
</main> </main>
</Layout> </Layout>
<style> <style>
/* ===== Hero Section ===== */
#hero-section { #hero-section {
@apply max-w-3xl mx-auto px-4 pt-12; @apply pt-12;
} }
#hero-section h1 { #hero-section h1 {
@apply font-bold my-4 sm:my-8 text-3xl sm:text-5xl; @apply font-bold my-4 sm:my-8 text-3xl sm:text-5xl;
} }
@@ -70,7 +73,6 @@ import Header from "@components/Header.astro";
p { p {
@apply my-2; @apply my-2;
} }
.social-wrapper { .social-wrapper {
@apply flex flex-col sm:flex-row sm:items-center mt-4 mb-6; @apply flex flex-col sm:flex-row sm:items-center mt-4 mb-6;
} }
@@ -83,4 +85,12 @@ import Header from "@components/Header.astro";
.social-icons button svg { .social-icons button svg {
@apply w-6 h-6 fill-skin-base hover:fill-skin-accent scale-125 sm:scale-110; @apply w-6 h-6 fill-skin-base hover:fill-skin-accent scale-125 sm:scale-110;
} }
/* ===== Featured Section ===== */
#featured-section {
@apply py-10;
}
#featured-section h2 {
@apply font-semibold text-2xl tracking-wide;
}
</style> </style>