文件名称：frontendmentor-challenge-1:这是称为“ 3列预览卡组件”的Frontend Mentor挑战的解决方案
文件大小：70KB
文件格式：ZIP
更新时间：2024-04-26 01:52:48
HTML
Frontend Mentor-3列预览卡组件解决方案 这是的解决方案。 前端导师挑战可帮助您构建现实的项目，从而提高您的编码技能。 目录 注意：删除此注释并根据您保留的内容更新目录。 概述 挑战 用户应该能够： 根据设备的屏幕尺寸查看最佳布局 请参阅悬停状态以获取交互元素 截屏 桌面 移动的 链接 我的过程 内置 语义HTML5标记 萨斯 弹性盒 移动优先的工作流程 我学到的是 这是我第一次与Sass合作，所以这是一个好习惯。 此外，我学习了如何使用变量，如何使用mixin进行响应式设计以及如何使用多个sass文档（例如：_globals，_container，_mixins和样式）。 // Responsive @mixin desktop { @media only screen and ( min-width : 1440 px ) { @content ;
【文件预览】：
frontendmentor-challenge-1-main
----index.html(2KB)
----images()
--------screenshot-desktop.png(45KB)
--------icon-suvs.svg(1KB)
--------icon-luxury.svg(1KB)
--------screenshot-mobile.png(29KB)
--------favicon-32x32.png(1KB)
--------icon-sedans.svg(1KB)
----README.md(3KB)
----dist()
--------style.css.map(2KB)
--------style.css(2KB)
----style-guide.md(634B)
----app()
--------scss()
--------js()