Header React

App.js

const Header = styled.div` // 1
  height: 100px;
  width: 100%;
  background: #fff;
  display: flex; // 2
  justify-content: center; 
`;

function App() {
  return (
    <Container>
      <Header> // 3
        <h1>Hello World 😎</h1>
      </Header>
      <List>
        {[0, 1, 2, 3, 5, 6, 7, 8, 9].map((item) => (
          <Card>{item}</Card>
        ))}
      </List>
    </Container>
  );
}