JSFiddle - React, Tailwind, and code Playground

HTML

<h1 class="title">
    <span class="title__w1">корм</span>
    <span class="title__w2">для</span>
    <span class="title__w3">домашних</span>
    <span class="title__w4">кроликов</span>
</h1>

SCSS

.title {
  display: grid;
  grid-template-areas: 
    "w1 w2"
    "w1 w3"
    "w4 w4";
    grid-template-columns: auto 1fr;
    
    &__w1{
      grid-area: w1;
      font-size: 2.5em;
    }
    
    &__w2{
      grid-area: w2;
    }
    
    &__w3{
      grid-area: w3;
    }
    
    &__w4{
      grid-area: w4;
  font-size: 2em;
    }
}