<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title> tetex Document</title>
<style>
html, body{margin:0; padding:0;}
.container{position:fixed; top:0px; left:0px; width:100vw; height:100vh;}
.catalog{overflow: scroll;}
.catalo_item{display: flex;float:left; min-width: 30vw; }
.keybord{align-content:bottom; background: grey; min-height: 10vh; width: 100vw;}
.key{padding: 10px; background: grey; }
.keyword{float: left; align-content: center; }
.key_lang{float: right; align-content: center;}
</style>
</head>
<body>
<div class="container">
<div class="catalog"></div>
<div class="keyword"></div>
<div class="key_lang"></div>
</div>
</div>
</body>
</html>