title: How to avoid line breaking of the text?
body: <p>I've noticed that there's a line break occurring in the <strong>content__date</strong> when the browser is in mobile view. I tried to add another container for the <strong>content__date</strong> but it is not working. Any ideas would be appreciated.~ I am totally new in web development please bear with me.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.content__item {
       display: flex;
       align-items: center;
       justify-content: flex-start;
       height: 100vh;
       width: 100vw;
       color: black;
       font-family: sans-serif;
       margin: 0;
  }
   .content .p {
       margin: 0;
  }
   .content__wrapper {
       display: flex;
       align-items: flex-start;
       justify-content: flex-start;
       max-width: 600px;
  }
   .content__date {
       display: flex;
       transform: rotate(-90deg);
       border-bottom: 2px solid black;
       padding-left: 3rem;
  }
   .content__category-wrapper {
       display: flex;
       flex-direction: column;
       justify-content: flex-start;
       align-items: flex-start;
       margin-left: -3.25rem;
       margin-top: -3rem;
  }
   .content__category {
       padding-bottom: 1rem;
  }
   .content__category-text {
       padding-left: 1rem;
  }
   .content__title-line {
       border-top: 2px solid black;
       margin-left: 0.5rem;
       padding-left: 20rem;
  }
   .content__title {
       padding-top: 1rem;
       padding-left: 20px;
       font-size: 18px;
  }
   </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="content__item"&gt;
    &lt;div class="content__wrapper"&gt;
      &lt;div class="content__date"&gt;
        &lt;p class="content__date-text"&gt;June 7, 1941&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="content__category-wrapper"&gt;
        &lt;div class="content__category"&gt;&lt;/div&gt;
        &lt;p class="content__category-text"&gt;Some text here&lt;/p&gt;
        &lt;div class="content__title-line"&gt;&lt;/div&gt;
        &lt;p class="content__title"&gt;Another text here&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>