Extra space after grid cell, don't know where it is comming from


New Member
I'm building a sample project, I have created a grid container but soon after first cell (header), it is adding twice gutter as for other rows. Here is css
.container {
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; 
I think it is better if you check the original page and inspect it from there. Link to my page on github sample project cool-portfolio


Thành viên BQT
In your .content class you have " grid-row: 3;" and then " grid-row: 4;" in .portfolio and so on for .contact and .footer You should start at "grid-row:2;" for .content "grid-row:3;" for .portfolio and so on.

Từ khóa phổ biến

You are using an out of date browser. It may not display this or other websites correctly.
You should upgrade or use an alternative browser.