文件名称：crowdfunding-challenge
文件大小：2.1MB
文件格式：ZIP
更新时间：2024-05-07 21:31:18
CSS
前端导师-众筹产品页面解决方案 这是的的解决方案。 前端导师挑战可帮助您构建现实的项目，从而提高您的编码技能。 目录 注意：删除此注释并根据您保留的内容更新目录。 概述 挑战 用户应该能够： 根据设备的屏幕尺寸查看最佳布局 请参阅悬停状态以获取交互元素 选择要做出的保证 确认认捐后，查看更新的进度栏和基于认捐总额筹集的总资金 确认认捐后，总支持者数量增加一 切换产品是否已添加书签 屏幕截图 桌面设计： 移动设计： 特殊部分： 链接 解决方案URL： https : //eliman-c5.github.io/crowdfunding-challenge/ 我的过程 概括 我使用了一些颜色来创建最佳布局，并使其与示例相同。 我使用基于16px的字体大小。 当宽度减小或增加时，字体大小会改变并使设计保持最佳状态。 设计被创建为提到的宽度（375像素/ 1440像素）。
【文件预览】：
crowdfunding-challenge-main
----design()
--------desktop-design-modal-selected.jpg(84KB)
--------active-states-bookmarked.jpg(149KB)
--------mobile-design-modal-default.jpg(46KB)
--------desktop-design-modal-default.jpg(84KB)
--------desktop-preview.jpg(78KB)
--------active-states-modal-completed.jpg(76KB)
--------desktop-design.jpg(147KB)
--------mobile-design-modal-completed.jpg(16KB)
--------mobile-menu.jpg(18KB)
--------active-states-modal-default.jpg(84KB)
--------mobile-design.jpg(84KB)
--------desktop-design-modal-completed.jpg(75KB)
--------active-states-default.jpg(148KB)
--------active-states-modal-selected.jpg(85KB)
--------mobile-design-modal-selected.jpg(56KB)
----images()
--------icon-bookmark.svg(209B)
--------image-hero-mobile.jpg(39KB)
--------icon-close-modal.svg(261B)
--------icon-hamburger.svg(157B)
--------image-hero-desktop.jpg(53KB)
--------icon-close-menu.svg(229B)
--------favicon-32x32.png(1KB)
--------icon-bookmarked.svg(209B)
--------logo.svg(2KB)
--------logo-mastercraft.svg(718B)
--------icon-check.svg(223B)
----screenshots()
--------mobile-about.png(17KB)
--------mobile-pricing.png(12KB)
--------mobile-design.png(181KB)
--------mobile-about-pricing-child.png(15KB)
--------back-this-project-pricing.png(26KB)
--------desktop-design-pricing.png(22KB)
--------modal-design.png(30KB)
--------mobile-about-pricing.png(19KB)
--------desktop-design-about.png(23KB)
--------active-bookmark.png(36KB)
--------desktop-design.png(366KB)
--------desktop-design-about-off.png(17KB)
--------mobile-navbar-active.png(89KB)
--------back-this-project.png(147KB)
--------back-this-project-active.png(24KB)
----index.html(11KB)
----.gitignore(547B)
----style-guide.md(439B)
----app.js(10KB)
----README.md(2KB)
----main.css(14KB)