文件名称:3-col-card-challenge:Frontend Mentor上的3列预览卡组件挑战
文件大小:4KB
文件格式:ZIP
更新时间:2024-04-26 13:14:50
CSS
Frontend Mentor-3列预览卡组件解决方案 这是的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 注意:删除此注释并根据您保留的内容更新目录。 概述 挑战 用户应该能够: 根据设备的屏幕尺寸查看最佳布局 请参阅悬停状态以获取交互元素 截屏 我的过程 内置 HTML5 CSS自定义属性 弹性盒 我学到的是 对flexbox有了基本的了解,并了解了@media,可在屏幕宽度降至阈值以下时将flex-direction更改为列方向。 持续发展 使用flexbox之后,我可以看到从头开始创建组件/元素(相对于使用Bootstrap)在设计的微调方面可能会非常有益。 有用的资源 CSS技巧:Flexbox-这使我对Flexbox在CSS中的工作原理有了基本的了解。
【文件预览】:
3-col-card-challenge-main
----.gitignore(547B)
----README.md(2KB)
----index.html(2KB)
----styles.css(2KB)