.tittle-grandient-cold {
background: linear-gradient(88.69deg, #61C287 -4.35%, #33BC8E 4.71%, #00B596 13.77%, #00AEA0 22.83%, #00A6AB 31.89%, #009DB5 40.95%, #0094BE 50%, #008BC6 59.06%, #0081CB 68.12%, #0076CD 77.18%, #006ACC 86.24%, #005CC6 95.3%, #004EBC 104.35%, #313CAD 113.41%);
;
line-height: 1;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
<div class="white">
<div class="logo">
<div class="text">Your motto</div>
</div>
<div class="nav">
<div class="left-part">Something left</div>
<div class="right-part">Something right</div>
</div>
</div>
.white {
display: flex;
}
.logo {
display: flex;
justify-content: center;
align-items: center;
}
.nav {
position: fix;
left: 0;
bottom: 0;
display: flex;
justify-content: space-between;
align-items: center;
}
<div class="wrapper">
<div class="left-block">
1
</div>
<div class="right-block">
2
</div>
</div>
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0;
}
.wrapper{
display: table;
width: 100%;
min-height:100vh;
height:100%;
}
.left-block,.right-block{
display: inline-block;
min-height:100%;
}
.left-block{width: 68%;background:green;}
.right-block{width: 32%;background:red;}
width:62%;
, то он займёт 62%.<body><div></div></body>