Tengo un archivo CSS que he importado en el archivo index.js y también en App.js , pero aún así el CSS no se aplica al componente.

Aplicación.js:

 import "./App.css"; function App() { return ( <div classname="wrapper"> <h1>BookList App</h1> <p>Add or remove books</p> <div classname="main"> <div classname="form-container"></div> <div classname="view-container"></div> </div> </div> ); } export default App;

índice.js:

 import React from "react"; import ReactDOM from "react-dom"; import "./App.css"; import App from "./App"; import reportWebVitals from "./reportWebVitals"; import "bootstrap/dist/css/bootstrap.css"; ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode>, document.getElementById("root") ); / reportWebVitals();

Estructura del archivo:

 src: |App.css |App.js |index.js

No puedo entender por qué no se aplica el CSS a pesar de que lo he importado