Correct loading of css from invalid css-loader v3/v4 migration

2 files changed, 20 insertions, 0 deletions

diff --git a/src/components/greeter/Greeter.css b/src/components/greeter/Greeter.css
new file mode 100644
index 0000000..5a7255d
--- /dev/null
+++ b/src/components/greeter/Greeter.css
@@ -0,0 +1,10 @@
+.container {
+    min-height: 100vh;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    background-color: #2f2f2f;
+    color: #dedede;
+}
\ No newline at end of file
diff --git a/src/components/greeter/Greeter.jsx b/src/components/greeter/Greeter.jsx
new file mode 100644
index 0000000..57745ba
--- /dev/null
+++ b/src/components/greeter/Greeter.jsx
@@ -0,0 +1,10 @@
+import React from "react";
+import styles from "./Greeter.css";
+
+export default function Greeter() {
+    return (
+    	<div className={styles.container}>
+			Hello CSS
+		</div>
+    )
+}