Ответы пользователя по тегу Flexbox
  • Как выровнять элементы flexbox как в таблице?

    Стили можно писать инлайново, а можно задать блокам по классу и крутить-вертеть ими как угодно.
    Ссылка на песочницу. Там же можете потягать окошечко и проверить резиновость. В примере ширина и высота контейнера имеют по 100 viewport units лишь для наглядности. В Вашем случае они могут быть другими.
    И код, на случай, если песочница умрёт.
    <div class="flex-container">
        <div class="flex-inner first"></div>
        <div class="flex-inner second"></div>
        <div class="flex-inner third"></div>
      </div>

    .flex-container {
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      width: 100vw;
      height: 100vh;
    }
    .flex-inner {
      display: flex;
    }
    .first {
      background-color: orange;
      width: 65%;
      height: 100%;
    }
    
    .second {
      background-color: green;
      width: 35%;
      height: 50%;
    }
    
    .third {
      background-color: yellow;
      width: 35%;
      height: 50%;
    }


    Чрезвычайно советую посмотреть этот и другие гайды по флексбоксам. Полезно знать, даже если Вы бэкэндер
    Ответ написан