header setup
This commit is contained in:
@@ -6,11 +6,20 @@ import Base from "src/layout/Base.astro"
|
|||||||
<div class="flex flex-row">
|
<div class="flex flex-row">
|
||||||
<!-- HeaderSection -->
|
<!-- HeaderSection -->
|
||||||
|
|
||||||
<div class="w-[32%] bg-amber-400">
|
<div class="w-[32%] text-center">
|
||||||
breadone dot net
|
<div class="flex flex-col">
|
||||||
|
<p class="text-4xl">breadone dot net</p>
|
||||||
|
|
||||||
|
<div class="text-2xl">
|
||||||
|
<a href="/now">now</a> •
|
||||||
|
<a href="/posts">posts</a> •
|
||||||
|
<a href="/photos">photos</a> •
|
||||||
|
<a href="/software">software</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="w-[68%] bg-blue-400">
|
<div class="w-[68%]">
|
||||||
content
|
content
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,5 +1,11 @@
|
|||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
|
|
||||||
html body {
|
html body {
|
||||||
@apply w-[61%] mx-auto h-full font-[Georgia]
|
@apply font-[Georgia];
|
||||||
|
@apply w-[68%] mx-auto mt-14 h-full;
|
||||||
|
@apply bg-[#f4f4f9];
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
@apply hover:underline;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user