From 532d3a460fd4c779f51e4a438361ddb3437fcb1a Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 8 Feb 2021 12:19:22 +0100
Subject: [PATCH] lesson 126: extend the styling

---
 .../src/App.vue                               | 16 +++++++++-
 .../components/resources/LearningResource.vue | 32 ++++++++++++++++++-
 2 files changed, 46 insertions(+), 2 deletions(-)

diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/App.vue b/2021-02-08 prj-cmp-01-starting-setup/src/App.vue
index a1f5109..8904d04 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/App.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/App.vue	
@@ -38,4 +38,18 @@ export default {
 };
 </script>
 
-<style></style>
+<style>
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: 'Roboto', sans-serif;
+}
+
+body {
+  margin: 0;
+}
+</style>
diff --git a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/LearningResource.vue b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/LearningResource.vue
index 3cc91e7..209019a 100644
--- a/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/LearningResource.vue	
+++ b/2021-02-08 prj-cmp-01-starting-setup/src/components/resources/LearningResource.vue	
@@ -17,4 +17,34 @@ export default {
 };
 </script>
 
-<style></style>
+<style scoped>
+li {
+  margin: auto;
+  max-width: 40rem;
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+h3 {
+  font-size: 1.25rem;
+  margin: 0.5rem 0;
+}
+
+p {
+  margin: 0.5rem 0;
+}
+
+a {
+  text-decoration: none;
+  color: #ce5c00;
+}
+
+a:hover,
+a:active {
+  color: #c89300;
+}
+</style>