moved css module example to component exmaple

This commit is contained in:
Ben Elferink
2020-12-29 19:41:55 +02:00
parent 833ac944c3
commit f47b0c4eb0
4 changed files with 11 additions and 12 deletions

View File

@@ -1,7 +0,0 @@
import React from 'react';
function HelloWorld() {
return <div>Hello World - React.js</div>;
}
export default HelloWorld;

View File

@@ -0,0 +1,8 @@
import React from 'react';
import styles from './style/HelloWorld.module.css'; // CSS module -> className={styles.App} (AKA styled components)
function HelloWorld() {
return <div className={styles.HelloWorld}>Hello World - React.js</div>;
}
export default HelloWorld;

View File

@@ -0,0 +1,6 @@
.HelloWorld {
width: 100%;
min-height: 100vh;
display: grid;
place-items: center;
}