当青训营遇上码上掘金——我的名片

前言

当青训营遇上码上掘金。本篇作者在截止时间最后才想到这个东西，因为时间紧凑，所以代码啥的写的有点潦草，介意的同学可以直接关闭页面了。

活动分析

看到码上掘金的四个题目分别是我的名片、遇见、寻友之旅和攒青豆。这几个主题无疑都是和本次青训营的内容有关的，本次青训营的最后是要提交一个项目，所以是多人组队的。在组队过程中，我看到了各种各样的优秀人才在组队，更有来自国外的同学也来参加本次青训营，让本次青训营更添风采。

在活动开头的班会，我了解到了本次结营证书和优秀营员需要70个青豆以上，再结合怎样获得青豆的规则，我感受到结营是多么困难，果然，越优秀的平台对人的要求就越高。虽然最后的标准已经是65了，这让我快要熄灭的火苗又燃起了一点希望。

代码

HTML代码

<div id="container">
  <div class="view">
    <h2 class="title">
      自我介绍
    </h2>
    <div class="info">
      <h2>
        姓名：张业兴
      </h2>
      <h2>
        性别：男
      </h2>
      <h2>
        年龄：22
      </h2>
      <h2>
        籍贯：湖南岳阳
      </h2>
    </div>
    <div class="desc">
      描述：我来自湖南岳阳，是一名在长沙读大学的大学生。在这段掘金课程的学习生活中，我认识到了来自不同地方、形形色色的人，也感受到和更优秀的人还是有着很大的差距，别人年纪比我小，但是学的一点都还不少，感受浓浓的羞愧感。但是我相信我只要一直学下去，就超越了大部分的人。加油，奥里给！
    </div>
  </div>
</div>

CSS代码

body, html, h2 {
  margin: 0;
  padding: 0;
}
#container {
  background-color: orange;
  height: 100vh;
  position: relative;
}
.view {
  background-color: paleturquoise;
  /* height: 200px; */
  width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.title {
  text-align: center;
}
.info {
  margin: 0 20px 0;
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  justify-content: space-between;
}
.desc {
  margin: 0 20px 0;
  font-weight: 700;
}

结语

在最后青训营的时间里，我努力完成组长下发的任务，保证不拖团队的后腿。