Два DIV в ряд, один резиновый

.parent { 
  display: flex; 
} 
 
.first { 
  flex: none; 
} 
 
.second { 
  flex: 1; 
  background: teal; 
}

<div class="parent"> 
  <div class="first">Текст нефиксированного размера</div> 
  <div class="second"></div> 
</div>

.wrapper { 
  border: 1px solid #000; 
  width: 400px; 
  height: 200px; 
  display: grid; 
  grid-template-columns: min-content minmax(min-content, 1fr); 
} 
 
.a { 
  border: 1px solid #000; 
}

<div class="wrapper"> 
  <div class="a a1">Какой-то длинный текст</div> 
  <div class="a a2">Текст</div> 
</div>