JSFiddle - React, Tailwind, and code Playground

HTML

<div class="banner-wrapper">
      <div class="banner">
           баннер 1
      </div>
      
      <div class="banner">
            баннер 2
      </div>
</div>

SCSS

* {
  box-sizing: border-box;
}
.banner-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 10px;

  .banner {
    padding: 20px;
    border: 1px solid green;
    width: 100%;
    min-width: 320px;
    max-width: 425px;
    margin: 10px 0 ;
  }
}