<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*
{
margin: 0;
padding: 0;
}
.container .up
{
display: flex;
flex-direction: row;
justify-content: center;
}
.container .up .logo
{
margin: 0 100px;
border: 10px black solid;
}
.container .up .frontend
{
margin: 0 100px;
border: 10px red solid;
}
.container .down
{
margin-top: 50px;
display: flex;
justify-content: center;
}
</style>
</head>
<body>
<div class="container">
<div class="up">
<div class="logo">LOGO</div>
<div class="frontend">Frontend</div>
</div>
<div class="down">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque odit ratione voluptates eum vero consequuntur et, itaque delectus? A, laborum!
</div>
</div>
</body>
</html>
