diff --git a/src/App.js b/src/App.js index be83fe42e0a68588bc371ec885da9f12b26b748a..fddfc30340dcc4f534afa55269127f293f29e20f 100644 --- a/src/App.js +++ b/src/App.js @@ -1,12 +1,7 @@ import './App.css'; import { Counter } from './Counter'; -import { default as Grid } from './Grid.js'; const App = () => { - const compteurs = [] - for (let pas = 0; pas < 5; pas++) { - compteurs.push(<Counter title={"Le compteur n° "+String(pas)}/>) - } return ( <div> <div className="App"> @@ -14,9 +9,7 @@ const App = () => { <h1>Bienvenue sur notre super site !</h1> </div> </div> - <Grid> - {compteurs} - </Grid> + <Counter /> </div> ); } diff --git a/src/Grid.js b/src/Grid.js deleted file mode 100644 index 8bedf86c4fe58bc049612f536b08c9881d0633cc..0000000000000000000000000000000000000000 --- a/src/Grid.js +++ /dev/null @@ -1,9 +0,0 @@ -import './grid.css'; - -const Grid = (props) => ( - <div class="grid"> - {props.children} - </div> -) - -export default Grid \ No newline at end of file diff --git a/src/grid.css b/src/grid.css deleted file mode 100644 index 32b2f22ef332b143e9a15f4f1940f0b6c770af1e..0000000000000000000000000000000000000000 --- a/src/grid.css +++ /dev/null @@ -1,4 +0,0 @@ -.grid { - display: grid; - grid-template-columns: repeat(3, 1fr); - } \ No newline at end of file