【文件属性】：
文件名称：article-preview-component:实现前端向导！进行前端导师挑战！ https
文件大小：237KB
文件格式：ZIP
更新时间：2021-03-21 22:44:13
CSS
前端导师-文章预览组件
欢迎！ :waving_hand:
感谢您检查此前端编码挑战。
挑战可让您提高现实工作流程中的技能。
为了应对这一挑战，您需要对HTML，CSS和一小部分JavaScript有基本的了解。
挑战
您面临的挑战是构建本文的预览组件并使它看起来与设计尽可能接近。
您可以使用任何喜欢的工具来帮助您完成挑战。因此，如果您有想要练习的东西，请随时尝试。
您仅需使用JavaScript即可在有人单击共享图标时启动共享选项。
您的用户应该能够：
根据组件的设备屏幕尺寸查看组件的最佳布局
单击共享图标时，查看社交媒体共享链接
需要挑战方面的支持吗？并在#help频道中提问。
在哪里找到所有东西
您的任务是将项目扩展到/design文件夹中的/design 。您将找到该设计的移动版本和桌面版本。
设计为JPG静态格式。这意味着您需要对诸如font-size ， padding和margin等样式使用最佳判
【文件预览】：
article-preview-component-master
----style-guide.md(701B)
----.gitignore(522B)
----app.js(114B)
----images()
--------favicon-32x32.png(1KB)
--------avatar-michelle.jpg(6KB)
--------icon-facebook.svg(396B)
--------icon-pinterest.svg(787B)
--------drawers.jpg(52KB)
--------icon-twitter.svg(520B)
--------icon-share.svg(223B)
----README.md(5KB)
----index.html(2KB)
----design()
--------desktop-design.jpg(44KB)
--------desktop-preview.jpg(25KB)
--------desktop-active-state.jpg(45KB)
--------mobile-design.jpg(34KB)
--------mobile-active-state.jpg(34KB)
----styles.css(3KB)