文件名称：3-column-card
文件大小：246KB
文件格式：ZIP
更新时间：2024-05-05 00:37:39
CSS
Frontend Mentor-3列预览卡组件解决方案 这是的解决方案。 前端导师挑战可帮助您构建现实的项目，从而提高您的编码技能。 目录 注意：删除此注释并根据您保留的内容更新目录。 概述 基本上，项目中的挑战是设计一个3列布局页面，该页面位于屏幕中间，并使其也适合移动屏幕。 挑战 用户应该能够： 根据设备的屏幕尺寸查看最佳布局 请参阅悬停状态以获取交互元素 截屏 我已经在桌面视图和移动视图上添加了结果的屏幕截图。 您可以在上面的文件路径中找到它。 链接 解决方案URL：（ https://github.com/ejiroematev/3-column-card ） 实时站点URL：（ https://3column-card-frontendmentor.netlify.app/ ） 我的过程 内置 语义HTML5标记 CSS自定义属性 CSS网格 移动优先的工作流程
【文件预览】：
3-column-card-main
----index.html(1KB)
----.DS_Store(10KB)
----assets()
--------icon-suvs.svg(1KB)
--------icon-luxury.svg(1KB)
--------favicon-32x32.png(1KB)
--------icon-sedans.svg(1KB)
----README.md(2KB)
----screenshots()
--------desktop view.png(258KB)
--------mobile view.png(58KB)
----style.css(2KB)