首页 > 解决方案 > CSS Grid ...我的最后一张图片仍然比其他图片大?

问题描述

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

这是我的作品集的开始,但是当我决定制作我的 .featured 部分,或者我的图像采用网格格式而不是像页面的其余部分那样灵活时,突然间我的最后一张图像显示得比其他图像更大.

有人可以解释我做错了什么吗?我现在正试图弄清楚为什么会这样。谢谢!

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

此外,这是我目前正在处理的屏幕截图:投资组合

标签: htmlcsscss-grid

解决方案


css 类.featured-item具有 last-child 样式

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

这是罪魁祸首,要么删除此类,要么为最后一个 div 覆盖此样式。

代码笔链接


推荐阅读