JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title-logo-container">
  <span class="logo">
       <a href="/" data-adobe-tagging="Homepage">				
			<img src="" alt="LOGO IMAGE">
       </a>
                        
	</span>
  <p class="page-title" s>
    Соревнование Fight Challenge. Прими вызов – стань победителем!
  </p>
</div>

CSS

.title-logo-container {
  clear: both;
  border: solid 1px #f00;
  background: green;
  display: table-cell;
}

.logo {
  margin: 1.375em 1.5625em 15px;
  padding: 0;
  position: relative;
  width: 5.625em;
  z-index: 103;
  display: table-cell;
  background: #ff0;
}

.page-title {
  max-width: 40%;
  display: table-cell;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: #ccc;
}