要返回导致建筑物小部件填满可用房间的空白空间，请返回"Container()“

import React from 'react';
import './App.css';

function App() {
  return (
    <div className="container">
      <div className="widget">Widget 1</div>
      <div className="widget">Widget 2</div>
      <div className="widget">Widget 3</div>
    </div>
  );
}

export default App;

/* App.css */
.container {
  display: flex; /* 使用Flexbox布局 */
  flex-direction: row; /* 子组件水平排列 */
  justify-content: space-between; /* 子组件之间均匀分布 */
  align-items: center; /* 子组件垂直居中 */
  height: 100vh; /* 容器高度填满整个视口 */
  width: 100vw; /* 容器宽度填满整个视口 */
}

.widget {
  flex: 1; /* 子组件均匀分配空间 */
  padding: 20px;
  border: 1px solid #ccc;
  text-align: center;
}