html - CSS Grid ...我的最后一张图片仍然比其他图片大?
问题描述
请帮助我解决我遇到的 CSS 网格问题...当我在媒体查询@700px 期间尝试切换到网格时,我的最后一张图像继续显得比我的 .featured 部分中的其他图像大。
这是我的作品集的开始,但是当我决定制作我的 .featured 部分,或者我的图像采用网格格式而不是像页面的其余部分那样灵活时,突然间我的最后一张图像显示得比其他图像更大.
有人可以解释我做错了什么吗?我现在正试图弄清楚为什么会这样。谢谢!
这是我页面的链接和代码:https ://codepen.io/elcapitan23/pen/wxpmYP
此外,这是我目前正在处理的屏幕截图:投资组合
解决方案
css 类.featured-item
具有 last-child 样式
.featured-item:last-child {
margin-right: 4px;
}
这是罪魁祸首,要么删除此类,要么为最后一个 div 覆盖此样式。
推荐阅读
- flutter - 在模拟器中工作,但在真实设备中不工作
- vue.js - 为什么我的选择值已更改但仍显示旧值?
- sql - 选择 1 个 ID 和所有所属元素
- spring - 原因:java.lang.IllegalStateException:无法加载驱动程序类:org.mariadb.jdbc.Driver - Spring Cloud Data Flow
- jquery - Wordpress wp_enqueue_script() 和页脚中的 jQuery
- android - 如何处理 React Native 底部选项卡中的后退按钮行为?
- sql - 我们可以从分区中删除一些行而不是循环遍历大表的所有记录吗?
- python - 将 Python dict 转换为类 __init__ **kwargs?
- java - 第一个定制问题——努力寻找约束
- python - 在python中打印下标| X_{一些文字}