【文件属性】:
文件名称:FAQ-accordion-card:常见问题手风琴卡
文件大小:100KB
文件格式:ZIP
更新时间:2021-07-24 21:55:42
javascript html5 css3 css-flexbox HTML
Frontend Mentor - FAQ手风琴卡解决方案
这是的解决方案。 前端导师挑战通过构建现实项目帮助您提高编码技能。
目录
注意:删除此笔记并根据您保留的部分更新目录。
概述
挑战
用户应该能够:
根据设备的屏幕尺寸查看组件的最佳布局
查看页面上所有交互元素的悬停状态
单击问题时隐藏/显示问题的答案
截屏
- 移动设计:
- 桌面设计:
链接
解决方案网址: Github 存储库
实时站点 URL: Github 页面
我的过程
内置
语义 HTML5 标记
CSS 自定义属性
弹性盒
移动优先工作流程
我学到的是
我学习了 css 属性,比如 z-index、overflow、visibility、clip-path、JavaScripts 事件
有用的资源
开发者 Mozilla
堆栈溢出
W3学校
作者
Github -死飞
前端导师 - @Deadfli
【文件预览】:
FAQ-accordion-card-main
----index.js(585B)
----images()
--------bg-pattern-desktop.svg(870B)
--------favicon-32x32.png(1KB)
--------illustration-woman-online-mobile.svg(15KB)
--------illustration-box-desktop.svg(2KB)
--------icon-arrow-down.svg(161B)
--------illustration-woman-online-desktop.svg(14KB)
--------desktop.PNG(66KB)
--------mobile.PNG(23KB)
--------bg-pattern-mobile.svg(336B)
----index.html(5KB)
----.gitignore(538B)
----README.md(2KB)
----index.css(3KB)