<html>
    
    <body>
        <div class="wrapper">
            <div class="header">
                <div class="upline">
                   <div class="logo">
                    <div class="logo__img">
                        <img src="http://lorempixel.com/100/90/">
                    </div>
                    <div class="logo__text">Проверка микрофоуна</div>
                    </div>
                    <div class="contacts">
                        dfdfdsfdfsdfadsfadsfsdf
                    </div>
                </div>
                
                
            </div>
        </div>
    </body>
</html>

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
 body {
     margin: 0px;
     padding: 0px;
 }
 .wrapper {
     display: flex;
 }
.header {
    height:170px;
    width: 100%;
    border: 1px red solid;
    display: flex;
}

.upline {
    display:flex;
    width: 100%;
    justify-content: center;
}
.logo {
    width: 30%;
    height: 130px;
    background-color: #e6e6e6;
    display: flex;    
    min-width: 290px;
    border: 1px green solid;
}

.logo::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-color: rgba(255, 255, 255, 0);
    border-style: solid;
    border-width: 130px 100px;
    /*border-left-color: #e6e6e6;*/
    border-left-color: red;
    margin-top:-130px;
    bottom: 100%;
}

.logo__img {
    float: right;
}

.logo__img img {
  width:100px;
  height: 90px;
}

.logo__text {
    float: right;
    color: #663333;
    font-family: "Futura PT";
    font-size: 25px;
    font-weight: 700;
    text-transform: uppercase;
}

.contacts {
    margin-left: 100px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.