yes

src/App.js

 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>
   );
 }

src/Grid.js

-import './grid.css';
-
-const Grid = (props) => (
-    <div class="grid">
-        {props.children}
-    </div>
-)
-
-export default Grid
\ No newline at end of file

src/grid.css

-.grid {
-    display: grid;
-   grid-template-columns: repeat(3, 1fr);
- }
\ No newline at end of file