Ответы пользователя по тегу CSS Grid
  • Как сделать такой бокс (как в примере) с GRID или Flexbox?

    RomanTRS
    @RomanTRS
    Box-ы, поместить в контейнер-обертку, с нужными стилями.

    Для Flex:
    .wrapper {
      display: flex;
      flex-wrap: wrap;
    }
    .box { 
      flex-grow: 1;
      width: 50%;
      padding: 10px;
      overflow: auto;
    }


    Для Grid:
    .wrapper {
      display: grid;
      grid-template-columns: repeat(2, 50%);
    }
    .box {
      padding: 10px;
      overflow: auto;
    }
    Ответ написан
    Комментировать
  • Когда убираю блок?

    RomanTRS
    @RomanTRS
    У вас product__special находится в потоке. Естественно, если его не будет, то элементы ниже займут его место.
    Чтобы этого не произошло, добавьте:
    .item {
      position: relative;
      padding: 1rem;
    }
    .product-special {
      position: absolute;
      top: .5rem;
    }

    Уберите:
    .product__image {
      margin-top: -27px;
    }
    Ответ написан
    Комментировать