Frontend Mentor - 3 列预览卡片组件
欢迎! :waving_hand:
感谢您查看此前端编码挑战。
挑战通过构建现实项目帮助您提高编码技能。
要完成此挑战,您需要对 HTML、CSS 和 JavaScript 有基本的了解。
挑战
您面临的挑战是构建这个 3 列预览卡组件并使其看起来尽可能接近设计。
您可以使用任何您喜欢的工具来帮助您完成挑战。 因此,如果您有想要练习的东西,请随时尝试。
您的用户应该能够:
根据设备的屏幕尺寸查看最佳布局
查看交互式元素的悬停状态
想要在挑战中获得一些支持? 并在#help频道中提问。
在哪里可以找到一切
您的任务是将项目构建到/design文件夹中的/design 。 您将找到该设计的移动版和桌面版。
设计为 JPG 静态格式。 使用 JPG 意味着您需要对font-size 、 padding和margin等样式进行最佳判断。
如果您希望