Title
diff --git a/Wireframe/style.css b/Wireframe/style.css
index 6ed32b5be..449987210 100644
--- a/Wireframe/style.css
+++ b/Wireframe/style.css
@@ -14,10 +14,6 @@
body {
margin: 0;
-}
-
-body,
-button {
font-family: "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
color: var(--grey-dark);
font-size: 1rem;
@@ -71,3 +67,49 @@ p {
flex-direction: row;
gap: 1rem;
}
+
+
+/* Article */
+
+.article {
+ margin-bottom: 1rem;
+ border: medium solid var(--grey-light);
+ border-width: medium;
+ border-color: var(--grey-light);
+ padding: 1rem;
+ flex: 1;
+}
+
+.article h2 {
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+ font-size: 1rem;
+ font-weight: 700;
+}
+
+.article p {
+ margin-top: 0;
+ margin-bottom: 1rem;
+}
+
+.article a {
+ background-color: var(--white);
+ color: var(--black);
+ border-style: solid;
+ border-width: 1px;
+ border-color: var(--black);
+ border-radius: 4px;
+ text-decoration: none;
+ padding: 0.5rem 1rem;
+}
+
+.article a:hover {
+ background-color: var(--black);
+ color: var(--white);
+ border-style: solid;
+ border-width: 1px;
+ border-color: var(--white);
+ border-radius: 4px;
+ text-decoration: none;
+ padding: 0.5rem 1rem;
+}
From 99af4ea092ab870ddc1aa6c98494b70c26d9e668 Mon Sep 17 00:00:00 2001
From: hackertainment <259196870+hackertainment@users.noreply.github.com>
Date: Tue, 28 Jul 2026 03:01:34 +0800
Subject: [PATCH 5/9] Use CSS to lay out and style footer so they match a
wireframe design
---
Wireframe/index.html | 2 +-
Wireframe/style.css | 27 +++++++++++++++++++++++++++
2 files changed, 28 insertions(+), 1 deletion(-)
diff --git a/Wireframe/index.html b/Wireframe/index.html
index 03651f893..ff85918e4 100644
--- a/Wireframe/index.html
+++ b/Wireframe/index.html
@@ -48,7 +48,7 @@
Title