From 614c9f0eb89af52032a61147154f5bdebd5a1b46 Mon Sep 17 00:00:00 2001 From: "github-classroom[bot]" <66690702+github-classroom[bot]@users.noreply.github.com> Date: Wed, 22 Nov 2023 03:39:52 +0000 Subject: [PATCH 01/25] Setting up GitHub Classroom Feedback From 51b96c435d50b82e09fb0aafece1989bbd150f55 Mon Sep 17 00:00:00 2001 From: Joshua Mance <75736470+JoshMance@users.noreply.github.com> Date: Wed, 22 Nov 2023 12:13:47 +0800 Subject: [PATCH 02/25] Changing hover color to red --- src/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 917888c..16b3712 100644 --- a/src/index.css +++ b/src/index.css @@ -49,7 +49,7 @@ button { transition: border-color 0.25s; } button:hover { - border-color: #646cff; + border-color: #ff9564; } button:focus, button:focus-visible { From c1319d34b91cef9a8fd731217d5dc2d2f2a692b9 Mon Sep 17 00:00:00 2001 From: Joshua Mance <75736470+JoshMance@users.noreply.github.com> Date: Wed, 22 Nov 2023 12:15:21 +0800 Subject: [PATCH 03/25] Changing image hover color to red --- src/index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/index.css b/src/index.css index 16b3712..079f7f5 100644 --- a/src/index.css +++ b/src/index.css @@ -62,7 +62,7 @@ button:focus-visible { background-color: #ffffff; } a:hover { - color: #747bff; + color: #ff9274; } button { background-color: #f9f9f9; From 6d975cd6ad1d457c3926defa5a72389e2ebf9942 Mon Sep 17 00:00:00 2001 From: Joshua Mance <75736470+JoshMance@users.noreply.github.com> Date: Wed, 22 Nov 2023 12:29:45 +0800 Subject: [PATCH 04/25] Removing default contents --- src/App.css | 25 ------------------------- src/App.jsx | 15 +++------------ 2 files changed, 3 insertions(+), 37 deletions(-) diff --git a/src/App.css b/src/App.css index 2c5e2ef..8f6da75 100644 --- a/src/App.css +++ b/src/App.css @@ -5,32 +5,7 @@ text-align: center; } -.logo { - height: 6em; - padding: 1.5em; - will-change: filter; -} -.logo:hover { - filter: drop-shadow(0 0 2em #646cffaa); -} -.logo.react:hover { - filter: drop-shadow(0 0 2em #61dafbaa); -} -@keyframes logo-spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} - -@media (prefers-reduced-motion: no-preference) { - a:nth-of-type(2) .logo { - animation: logo-spin infinite 20s linear; - } -} .card { padding: 2em; diff --git a/src/App.jsx b/src/App.jsx index ef0adc0..bd14191 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -7,22 +7,13 @@ function App() { return (
- Edit src/App.jsx and save to test HMR
-
Click on the Vite and React logos to learn more From a0657d54588a41a4cbc50e3263cfcd20459176b2 Mon Sep 17 00:00:00 2001 From: Joshua Mance <75736470+JoshMance@users.noreply.github.com> Date: Wed, 22 Nov 2023 12:33:33 +0800 Subject: [PATCH 05/25] Adding two columns --- src/App.css | 4 ++++ src/App.jsx | 6 ++++++ 2 files changed, 10 insertions(+) diff --git a/src/App.css b/src/App.css index 8f6da75..c3fd3a2 100644 --- a/src/App.css +++ b/src/App.css @@ -6,6 +6,10 @@ } +.listbox { + float: left; + color:blue; +} .card { padding: 2em; diff --git a/src/App.jsx b/src/App.jsx index bd14191..b661ee3 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -9,6 +9,12 @@ function App() {