{post.title} - {post.pubDate}
{post.description}
-
+ diff --git a/src/components/blogList.astro b/src/components/blogList.astro index 094b64e..32af317 100644 --- a/src/components/blogList.astro +++ b/src/components/blogList.astro @@ -6,11 +6,11 @@ const posts = allPosts.map(item => (Object.assign({}, item.frontmatter, {url: it
diff --git a/src/css/base.scss b/src/css/base.scss index 7a442b3..7d6424c 100644 --- a/src/css/base.scss +++ b/src/css/base.scss @@ -3,6 +3,13 @@ flex-direction: column; align-items: center; justify-content: center; + text-align: center; + @media (max-width: 470px) { + margin-bottom: 132px; + } + @media (min-width: 470px) { + margin-bottom: 3.4375em; + } } .blog-content { @@ -12,6 +19,7 @@ } .footer { + text-align: left; //Why does text-align being center in .main-content affect the footer at all?! position: fixed; display: flex; flex-grow: 1;