CSS学完就练-分享链接

前言

1. 本习题适合初学CSS的同学，强烈建议练习
2. 建议 FLEX一波带走
3. 本题贴近实际业务，可以为将来面试工作做准备
4. 练习之前，查看要求

应用场景

1. 向用户分享一个链接时弹出的界面，在各大社交平台上都能看到身影
2. 提供丰富功能如快速分享，扫描，复制等

要求

1. 元素间距为8px
2. 元素宽高必须与设计图保持一致，不能有像素上的误差

设计图

原型图链接

https://www.figma.com/design/nX2tf82f21ZGDNkKPkvUZj/%E8%AE%BE%E8%AE%A1%E5%AE%9E%E9%AA%8C%E5%AE%A4?node-id=225-2&t=lUNhXH9CoZ5mHyO9-1