文件名称：Huddle
文件大小：1.38MB
文件格式：ZIP
更新时间：2024-04-10 19:01:04
SCSS
前端导师-弯曲截面的杂乱无章的登陆页面 欢迎！ :waving_hand: 感谢您检查此前端编码挑战。 挑战可帮助您构建现实的项目，从而提高您的编码技能。 为了应对这一挑战，您需要对HTML和CSS有基本的了解。 挑战 您面临的挑战是建立此登录页面并使它看起来尽可能接近设计。 您可以使用任何喜欢的工具来帮助您完成挑战。因此，如果您有想要练习的东西，请随时尝试。 您的用户应该能够： 根据设备的屏幕尺寸查看网站的最佳布局 查看页面上所有互动元素的悬停状态 需要挑战方面的支持吗？并在#help频道中提问。 在哪里找到所有东西 您的任务是将项目扩展到/design文件夹中的/design 。您将找到该设计的移动版本和桌面版本。 设计为JPG静态格式。使用JPG意味着您需要对诸如font-size ， padding和margin样式做出最好的判断。 如果您希望设计文件（我们提供Sketch和Figma版本）更详细地检查
【文件预览】：
Huddle-main
----css()
--------font-awesome.min.css(30KB)
--------font-awesome.css(37KB)
----design()
--------desktop-preview.jpg(37KB)
--------desktop-design.jpg(206KB)
--------mobile-design.jpg(423KB)
--------active-states.jpg(192KB)
----images()
--------bg-section-bottom-mobile-2.svg(572B)
--------illustration-grow-together.svg(29KB)
--------icon-messages.svg(2KB)
--------bg-section-top-mobile-1.svg(545B)
--------illustration-flowing-conversation.svg(76KB)
--------bg-section-top-desktop-2.svg(606B)
--------icon-email.svg(288B)
--------icon-phone.svg(445B)
--------bg-footer-top-desktop.svg(449B)
--------favicon-32x32.png(1KB)
--------bg-section-top-mobile-2.svg(598B)
--------bg-section-top-desktop-1.svg(555B)
--------logo.svg(8KB)
--------bg-section-bottom-desktop-1.svg(588B)
--------bg-section-bottom-desktop-2.svg(607B)
--------bg-footer-top-mobile.svg(436B)
--------screen-mockups.svg(8KB)
--------bg-section-bottom-mobile-1.svg(544B)
--------icon-communities.svg(3KB)
--------illustration-your-users.svg(47KB)
----package.json(391B)
----fonts()
--------fontawesome-webfont.eot(162KB)
--------fontawesome-webfont.woff(96KB)
--------FontAwesome.otf(132KB)
--------fontawesome-webfont.svg(434KB)
--------fontawesome-webfont.woff2(75KB)
--------fontawesome-webfont.ttf(162KB)
----index.html(5KB)
----README-template.md(5KB)
----package-lock.json(119KB)
----indexrtl.html(5KB)
----scss()
--------mainrtl.css(8KB)
--------mainrtl.css.map(4KB)
--------mainrtl.min.css(6KB)
--------main.css.map(4KB)
--------mainrtl.scss(10KB)
--------main.scss(10KB)
--------main.min.css(6KB)
--------main.css(8KB)
----style-guide.md(754B)
----README.md(6KB)