summaryrefslogtreecommitdiff
path: root/wk8/pset/homepage
diff options
context:
space:
mode:
Diffstat (limited to 'wk8/pset/homepage')
-rw-r--r--wk8/pset/homepage/index.html2
-rw-r--r--wk8/pset/homepage/styles.css11
2 files changed, 11 insertions, 2 deletions
diff --git a/wk8/pset/homepage/index.html b/wk8/pset/homepage/index.html
index 85ede4f..a597cd4 100644
--- a/wk8/pset/homepage/index.html
+++ b/wk8/pset/homepage/index.html
@@ -25,7 +25,7 @@
<main class="medium">
Welcome home pookie!
</main>
- <aside></aside>
+ <aside>aside</aside>
<footer id="footer">&#916; Copyworng :3</footer>
</body>
</html>
diff --git a/wk8/pset/homepage/styles.css b/wk8/pset/homepage/styles.css
index 9044e41..e0afe21 100644
--- a/wk8/pset/homepage/styles.css
+++ b/wk8/pset/homepage/styles.css
@@ -4,6 +4,8 @@
--main-color-dk: #551251;
--accent-1: #6eebff;
--accent-2:#a225e3;
+ --content-spacing:5px;
+ --border:1px solid black;
}
body {
@@ -15,6 +17,13 @@ main {
background-color: var(--background);
}
+aside {
+ width: 30%;
+ margin-left:var(--content-spacing);
+ border-left:var(--border);
+ background-color: var(--background);
+}
+
.centered
{
text-align: center;
@@ -31,7 +40,7 @@ main {
font-size: medium;
}
-.small
+#footer
{
color: red;
font-size: small;