文件名称:bookmark.github.io:来自frontEndMentor.io的项目
文件大小:727KB
文件格式:ZIP
更新时间:2024-05-07 16:51:12
CSS
前端导师-书签目标网页解决方案 这是“ 的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 注意:删除此注释并根据您保留的内容更新目录。 概述 挑战 用户应该能够: 根据设备的屏幕尺寸查看网站的最佳布局 查看页面上所有互动元素的悬停状态 提交时事通讯表单时,如果出现以下情况,则会收到错误消息: 输入字段为空 电子邮件地址格式不正确 截屏 添加您的解决方案的屏幕截图。 最简单的方法是使用Firefox查看项目,右键单击页面,然后选择“截屏”。 您可以选择全高屏幕截图,也可以根据页面长度选择裁剪屏幕截图。 如果很长,最好将其裁剪。 另外,您可以使用FireShot之类的工具截取屏幕截图。 FireShot有免费选项,因此您无需购买。 然后根据需要裁剪/优化/编辑图像,将其添加到项目中,并更新上图中的文件路径。 注意:添加屏幕快照时,请删除此注释和上面
【文件预览】:
bookmark.github.io-main
----app.css(19KB)
----design()
--------mobile-active-states.jpg(159KB)
--------tab-2-design.jpg(42KB)
--------tab-3-design.jpg(41KB)
--------desktop-preview.jpg(48KB)
--------desktop-design.jpg(172KB)
--------desktop-active-states.jpg(201KB)
--------mobile-design.jpg(139KB)
--------mobile-active-nav.jpg(15KB)
----images()
--------icon-close.svg(261B)
--------illustration-features-tab-2.svg(4KB)
--------logo-bookmark copy.svg(3KB)
--------icon-hamburger.svg(159B)
--------icon-twitter.svg(566B)
--------illustration-features-tab-1.svg(2KB)
--------logo-bookmark.svg(3KB)
--------icon-facebook.svg(426B)
--------logo-opera.svg(272B)
--------illustration-features-tab-3.svg(12KB)
--------bg-dots.svg(722B)
--------icon-error.svg(277B)
--------logo-chrome.svg(1KB)
--------logo-firefox.svg(850B)
--------favicon-32x32.png(1KB)
--------illustration-hero.svg(4KB)
--------icon-arrow.svg(139B)
----index.html(8KB)
----app.js(3KB)
----README.md(5KB)