React

by gbos

HTML

<div id="app">
    
</div>

<div class="container">
    <div class="box">A</div>
    <div class="box">B</div>
    <div class="box">C</div>
    <div class="box">D</div>
    <div class="box">E</div>
    <div class="box">F</div>
    <div class="box">G</div>
    <div class="box">H</div>
    <div class="box">I</div>
    <div class="box">J</div>
</div>

CSS

body {
    padding: 10px;
}

.container {
    display: grid;
    grid-template-columns: minmax(200px, 1fr) 2fr;
    gap: 5px;
}

.box {
    background-color: green;
    height: 30px;
    color: white;
    font-weight: bold;
}

React

const TodoApp = () => <></>;
ReactDOM.render(<TodoApp />, document.querySelector("#app"))