2カラムレイアウト作成

サイトでよくある2カラムレイアウトを作成する。

・左レイアウトは300px固定で右レイアウトは可変にする。
・親要素にdisplay: flexをつける
・可変レイアウトにはflex: 1をつける

.parent {
    display: flex;
    height: 100vh;
}

.menu {
    width: 300px;
    background-color: violet;
}

.content {
    flex: 1;
    background-color: aqua;
}

import React from 'react'
import './Column2Layout.css'

export const Column2Layout = () => {
    return (
        <div className="parent">
            <div className="menu"></div>
            <div className="content"></div>
        </div>
    )
}