当青训营遇上码上掘金 整体思路还是非常简单的，也没有使用什么高级的东西，经典的html+css。
需求分析
名片的第一印象通常都是横版的，一个人的头像，姓名，联系方式，一句格言，岗位，公司。。。要让人一目了然，快速准的get到关键信息。但是吧个人觉得直接做一个横版名片实在是太普通了，内容太多的话又会显的像一个简历，反正给的奖励也不多，就在设计上小下一点功夫随便做一下吧。也为了不让自己的辛苦白费，增加代码的可复用性，尽可能的把它做成一个可以直接cv到其他网站上的形式。
代码实现
考虑到其可复用性，优先选择absolote，使其能够悬浮在任何的页面中，这样就能方便的移植到任何我的个人页面里。
flex盒子布局是我最喜欢用的布局方式，感觉90%的需求都可以通过flex布局解决，在此也推荐点资源吧
此处关键点就是在于flex-direction:col使得整体是竖版布局吧。
头像图片为了保护自己的隐私就不放自己的照片啦。如果是本地的话直接把src指向本地地址就好，
对于这种在线平台的图片可以把图片上传到图床里/找一个随机图片生成器。顺便也推荐推荐下吧。
- 路过图床
- picsum.photos随机图片生成 （这个码上掘金写一点刷新一下，我真怕我被ban了）
细节上在个阴影，突出层次感。
头像不喜欢方的可以换个圆的，小技巧border-radium:50%，不用专门去算多少多少px。
知识点基本就这些啦～
