JSFiddle - React, Tailwind, and code Playground

by Mac1ovin

HTML

<div class="grid">
  <div class="grid-item">
    <div class="component">
      <!-- наш компонент -->
    </div>
  </div>

  <div class="grid-item">
    <div class="component component--small">
      <!-- A -->
    </div>
    <div class="component component--small">
      <!-- B -->
    </div>
  </div>
</div>

CSS

.component {
  /* Другие стили */
  @media (min-width: 800px) {
    font-size: 1.25em;
  }
}

.component+.component {
  margin-top: 2em;
}