サイドバーレイアウト作ってみる

サイドバーレイアウト作ってみる

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

aside {
    width: 30%;
    background-color: #2A66DB;
}

main {
    background-color: #322B29;
    flex: 1;
    overflow: scroll;
}

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

export const Hoge = () => {
    return (
        <>
            <div className="parent">
                <aside>aside</aside>
                <main>main aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</main>
            </div>
        </>
    )
}

結果