CSS Grid ...我的最后一张图像继续显得比其他图像大吗?

时间:2018-07-30 17:10:52

标签: html css css3 css-grid

请帮助我解决我遇到的CSS网格问题...当我在媒体查询@ 700px期间尝试切换到网格时,我的.featured部分中的最后一张图像继续显得比其他图像大。

这是我的投资组合的开始,但是当我决定将自己的.featured部分或图像设为网格格式而不是页面其余部分的flex格式时,突然我的最后一张图像显示的更大了比其他人。

有人可以解释我在做什么错吗?我现在陷入困境,试图弄清为什么会这样。谢谢!

这是我页面的链接和代码:https://codepen.io/elcapitan23/pen/wxpmYP

此外,这是我目前正在处理的屏幕截图:Portfolio

1 个答案:

答案 0 :(得分:0)

css类.featured-item具有最后一个样式

 .featured-item:last-child {
   margin-right: 4px;
 }

是罪魁祸首,要么删除此类,要么在上一个div覆盖此样式。

Codepen link