Simple React container with 3 rows

MyContainer.css

.container {
  display: flex;
  flex-direction: column;
  height: 100vh;
}

.row {
  flex: 1;
  border: 1px solid #ddd;
  padding: 20px;
  margin: 5px;
}

MyContainer.js

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

const MyContainer = () => {
  return (
    <div className="container">
      <div className="row">Row 1</div>
      <div className="row">Row 2</div>
      <div className="row">Row 3</div>
    </div>
  );
};

export default MyContainer;