JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<script src="http://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin,cyrillic-ext,cyrillic"></script>

<div class="logo">
    <div class='left'>
        <span class='name'>kiril kirpichenko</span>
        <span class='portfolio'>portfolio</span>        
    </div>
    <div class='right'>
        <span class='slog'>Простота и<br>функциональность</span>
    </div>
</div>

CSS

body{
    background:#5da6df;
}
.left, .right{
    display:table-cell;
      vertical-align:middle;
}
.left{
    border-right: 2px solid #fffdf0;
    text-align:right;
}
.right{
    padding-left:11px;
}
.logo {
    margin-left: 8%;
    margin-top: 5%;
    width: 600px;
    display:table;
}
 
.name {
    font-family: 'Open Sans';
    font-size: 33px;
    text-transform:uppercase;
    color: #fffdf0;
    display:block;
    padding-right: 11px;
}
 
.portfolio {
    font-family: Arial;
    font-size: 29px;
    color: #7dcedb;
    padding-right: 13px;
}
 
.slog {
    font-family: 'Open Sans';
    font-size: 19px;
    color: #fffdf0;
}