文件名称:FAQ-accordion-card:我对“前端导师”挑战的看法
文件大小:268KB
文件格式:ZIP
更新时间:2024-04-03 15:10:47
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)