【文件属性】:
文件名称:FAQ-accordion-card:我对“前端导师”挑战的看法
文件大小:268KB
文件格式:ZIP
更新时间:2021-03-14 21:24:07
accordion html-css-javascript frontend-mentor SCSS
常见问题手风琴卡
这是一个自2021年2月12日开始的项目。我在网站上选择了练习。 该网站为我提供了各种资产,包括设计文件的JPG图像和基本样式指南。 还有一个自述文件可以帮助我入门。
规则:
您面临的挑战是构建此FAQ手风琴卡,并使它看起来与设计尽可能接近。
您可以使用任何喜欢的工具来帮助您完成挑战。 因此,如果您有想要练习的东西,请随时尝试。
用户应该能够:
根据组件的设备屏幕尺寸查看组件的最佳布局
查看页面上所有互动元素的悬停状态
单击问题时隐藏/显示问题的答案
奖励:无需使用JavaScript即可完成挑战
预期结果:
桌面:
移动的:
我的方法
我选择使用Sass并尝试使用Javascript。 我打算采用移动优先的方法。
结果:
在挑战中是我:
【文件预览】:
FAQ-accordion-card-main
----index.html(4KB)
----src()
--------hedge.gif(52KB)
--------scss()
--------accordion.js(1KB)
--------css()
----README.md(1KB)
----Frontend-Mentor-instructions()
--------index.html(1KB)
--------images()
--------design()
--------README.md(5KB)
--------style-guide.md(654B)
--------.gitignore(538B)
----.gitignore(14B)
----package-lock.json(119KB)
----package.json(572B)