请帮助我解决我遇到的CSS网格问题...当我在媒体查询@ 700px期间尝试切换到网格时,我的.featured部分中的最后一张图像继续显得比其他图像大。
这是我的投资组合的开始,但是当我决定将自己的.featured部分或图像设为网格格式而不是页面其余部分的flex格式时,突然我的最后一张图像显示的更大了比其他人。
有人可以解释我在做什么错吗?我现在陷入困境,试图弄清为什么会这样。谢谢!
这是我页面的链接和代码:https://codepen.io/elcapitan23/pen/wxpmYP
此外,这是我目前正在处理的屏幕截图:Portfolio
答案 0 :(得分:0)
css类.featured-item
具有最后一个样式
.featured-item:last-child {
margin-right: 4px;
}
是罪魁祸首,要么删除此类,要么在上一个div覆盖此样式。