JSFiddle - React, Tailwind, and code Playground

by Petra1999

HTML

<main class="container-fluid content">
  <div class="neos-contentcollection">
    <div class="homepage-content-box">
    
    
      <div class="homepage-content-box__left neos-contentcollection">
        <header class="headline">
          <h2 class="headline__title">Das Hotel</h2>
          <h3 class="headline__subtitle">Hotel mit persönlicher Note im Salzburger Land</h3>
          <div class="headline__divider"></div>
        </header>
        <div class="text">
          <p>Klein und fein – das könnte das Motto des Hotels Obermayr im Salzkammergut sein. Mit seinem persönlichen Charme sorgt das Drei-Sterne-Hotel für Wohlfühl-Atmosphäre und einen entspannten Urlaub im Salzburger Land. Gemütliche Zimmer, Ausflugsziele
            für jeden Geschmack und familiäre Betreuung erwarten Sie im Hotel Obermayr im Salzkammergut.</p>
        </div>
        <div class="link-group neos-contentcollection"><a href="/de/404" class="link link-node">404</a><a href="/de/404" class="link link-node">zwei</a><a href="/de/404" class="link link-node">drei</a><a href="/de/404" class="link link-node">vier</a></div>
        <div class="neos-contentcollection"><a href="/de/404" class="button link-node">Anfrage senden</a><a href="/de/404" class="button link-node">Online buchen</a></div>
      </div>
      
      
      <div class="homepage-content-box__right neos-contentcollection">todo slider</div>
      
    </div>
  </div>
</main>

CSS

.homepage-content-box { background: #efefef; }
.homepage-content-box__left { background: pink; }
.homepage-content-box__right { background: lightgreen; height: 400px; margin-left:50px; }



.homepage-content-box {
  display: flex;
  align-items: center;
}
.homepage-content-box__left {
  max-width: 500px;
  display: inline-block;
}
.homepage-content-box__right {
  display: inline-block;
  flex-grow: 1;
}


@media screen and (max-width: 1200px){
  * {
    color: blue;
  }
  .homepage-content-box {
  flex-direction:column;
  align-items: stretch;
}

}