Что не так с grid?

130
11 февраля 2021, 04:40

Почему-то образуется пустая ячейка под .first-product-card не могу понять, что мешает.

Подскажите, что делаю не так с grid?

https://jsfiddle.net/Nikita_Migushev/41z506m2/1/

@supports (grid-area: auto) { 
  .inner-wrap { 
    display: grid; 
    grid-gap: 1em; 
  } 
 
.page-wrap { 
  width: 120em; 
} 
 
    .inner-wrap { 
      grid-template-columns: repeat(3, 385px); 
      grid-template-rows: repeat(4, 200px); 
    } 
 
    #firstCard { 
      grid-column: 1/2; 
      grid-row: 1/3; 
    } 
 
    #secondCard { 
      grid-column: 2/3; 
      grid-row: 1/2; 
    } 
 
    #thirdCard { 
      grid-column: 3/4; 
      grid-row: 1/2; 
    } 
 
    #fourthCard { 
      grid-column: 2/3; 
      grid-row: 2/3; 
    } 
 
    #fifthCard { 
      grid-column: 3/4; 
      grid-row: 2/3; 
} 
 
    } 
  }

Answer 1

Нашел ) Там проблема была в том, что на ячеку под .first-product-card распространилась ссылка . Убрал, и все встало на свои места. https://jsfiddle.net/Nikita_Migushev/41z506m2/3/

<div class="lower-border-line"></div>
      <div class="product-properties">
        <ul>
          <li><small>Free shipping</small></li>
          <li><small>New</small></li>
          <li><small>00:02:29</small></li>
        </ul>
      </div>

READ ALSO
Обратный Iterator для LinkedList

Обратный Iterator для LinkedList

Сам обратный Iterator работает, но уходит в бесконечность, как это можно поправить?

115
Проблема с сохранением в QSettings

Проблема с сохранением в QSettings

Необходимо реализовать сохранения состояния программы

131
Настройка отображение итема в QTreeView

Настройка отображение итема в QTreeView

Нужно чтобы в QTreeView каждый итем отображался примерно так:

98