我是新的React，我正在我的第一个项目，以下https://www.youtube.com/watch?v=qwM23_kF4v4工作。
在一开始，我遵循了所有的步骤，并试图设置一个侧边栏的左边与“240 px”，预期的是作为左，但我所做的是作为右。
代码如下，我只添加了sidemenu部分。
我已经重新检查了视频中的代码很多次，但它仍然显示如下。此外，我预计侧边栏是屏幕的50%，如视频中所示。
我已经将sidemenu宽度更改为“100%"、“40 vmin”，但没有任何效果，我在App.css中尝试的如下：

.sidemenu {
  width: 1000px;
  border:1px solid white;
}

我的App.js代码如下：

import logo from './logo.svg';
import './App.css';

function App() {
  return (
    <div className="App">
     <aside className="sidemenua">
       <h1>Aside</h1>
     </aside>
     <section>

     </section>
     <header className="App-header">
      <img src={logo} className="App-logo" alt="logo" />
      <p>
        Edit <code>src/App.js</code> and save to reload.
      </p>
      <a
        className="App-link"
        href="https://reactjs.org"
        target="_blank"
        rel="noopener noreferrer"
      >
        Learn React
      </a>
    </header>
   </div>
);
}
 export default App;

Expected layout
My layout