Frontend Mentor-3列预览卡组件解决方案 这是的解决方案。 前端导师挑战帮助我通过构建现实的项目来提高我的编码技能。 目录 概述 挑战 用户应该能够: 根据设备的屏幕尺寸查看最佳布局(移动设备-375视口宽度,台式机-1440视口宽度) 请参阅悬停状态以获取交互元素 截屏 链接 解决方案URL:在此处添加解决方案URL 实时网站网址: Github Pages 我的过程 内置 语义HTML5标记 CSS自定义属性 移动优先的工作流程 我学到的是 我学习了如何使用媒体查询创建移动优先的项目 有用的资源 CSS技巧-标准设备的媒体查询-这有助于我了解标准设备的媒体查询。 我真的很喜欢这种模式,并将继续使用它。 CSS技巧-CSS媒体查询的完整指南-这是一篇了不起的文章,它帮助我也了解了如何使用媒体查询。 MDN-使用媒体查询-它也帮助我理解了媒体查询。 W3