JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
    <div class="wrapper">
        <div class="block-1">Блок 1</div>
        <div class="block-2">Блок 2</div>
    </div>
</body>
</html>

CSS

html,
body{
    height: 100%;
}
.wrapper{
    height: 70%;
    background-color: #F8AF43;
    padding: 20px;
}
.block-1{
    height: 27%;
    background-color: #91D149;
}
.block-2{
    height: 73%;
    background-color: #4769E0;
}