Дополнительное пространство после ячейки сетки, не знаю, откуда она берется - PullRequest
0 голосов
/ 12 октября 2018

Я создаю пример проекта, я создал контейнер сетки, но вскоре после первой ячейки (заголовка) он добавляет в два раза больше, чем для других строк.Вот css

.container {
background-color:#fff;
max-width: 1200px;
margin: 0 auto;
display: grid;
grid-template-columns: [full-start] minmax(6rem, 1fr) [center-start] 
repeat(auto-fit, [col-start] minmax(min-content, 14rem) [col-end]) [center- 
end]  minmax(6rem, 1fr)  [full-end];
grid-template-rows: repeat(5, min-content);
grid-row-gap: 8rem;  
}

Я думаю, что лучше, если вы проверите исходную страницу и осмотрите ее оттуда.Ссылка на мою страницу на github пример проекта cool-портфолио

1 Ответ

0 голосов
/ 12 октября 2018

В вашем классе .content у вас есть "grid-row: 3;"а затем "сетка-ряд: 4;"в .portfolio и так далее для .contact и .footer. Вы должны начать с "grid-row: 2;"для .content "grid-row: 3;"для .portfolio и так далее.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...