Frontend Mentor-3列预览卡组件解决方案 这是的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 注意:删除此注释并根据您保留的内容更新目录。 概述 基本上,项目中的挑战是设计一个3列布局页面,该页面位于屏幕中间,并使其也适合移动屏幕。 挑战 用户应该能够: 根据设备的屏幕尺寸查看最佳布局 请参阅悬停状态以获取交互元素 截屏 我已经在桌面视图和移动视图上添加了结果的屏幕截图。 您可以在上面的文件路径中找到它。 链接 解决方案URL:( https://github.com/ejiroematev/3-column-card ) 实时站点URL:( https://3column-card-frontendmentor.netlify.app/ ) 我的过程 内置 语义HTML5标记 CSS自定义属性 CSS网格 移动优先的工作流程