summaryrefslogtreecommitdiff
path: root/examples/blog-multiple-authors/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/blog-multiple-authors/src')
-rw-r--r--examples/blog-multiple-authors/src/components/MainHead.astro2
-rw-r--r--examples/blog-multiple-authors/src/styles/global.css25
2 files changed, 26 insertions, 1 deletions
diff --git a/examples/blog-multiple-authors/src/components/MainHead.astro b/examples/blog-multiple-authors/src/components/MainHead.astro
index c780d24c3..0bf1ec4b0 100644
--- a/examples/blog-multiple-authors/src/components/MainHead.astro
+++ b/examples/blog-multiple-authors/src/components/MainHead.astro
@@ -18,7 +18,7 @@ const { title, description, image, type, next, prev, canonicalURL } = Astro.prop
<meta name="description" content={description}>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
-<link rel="stylesheet" href="/global.css">
+<link rel="stylesheet" href={Astro.resolve('../styles/global.css')} />
<!-- Sitemap -->
<link rel="sitemap" href="/sitemap.xml">
<!-- RSS -->
diff --git a/examples/blog-multiple-authors/src/styles/global.css b/examples/blog-multiple-authors/src/styles/global.css
new file mode 100644
index 000000000..d5891f6b4
--- /dev/null
+++ b/examples/blog-multiple-authors/src/styles/global.css
@@ -0,0 +1,25 @@
+body {
+ font-family: 'Spectral', serif;
+ line-height: 1.4;
+}
+
+p {
+ line-height: 2;
+}
+
+a {
+ color: crimson;
+}
+
+img {
+ max-width: 100%;
+ height: auto;
+}
+
+.wrapper {
+ max-width: 60rem;
+ margin-left: auto;
+ margin-right: auto;
+ padding-left: 2rem;
+ padding-right: 2rem;
+}