3_HTML&CSS


人のコード師が学習の最初の課題の自己紹介ページを作成し始めた.
(現在HTMLとCSS...)
そして次は今日の結果です.

全体レイアウトに<flex>を使用した.
<head>
  <style>
      #info, #name {
                    display: flex;
                    justify-content: space-between;
      }
      h1, h5 {
              display: inline-block;
      }
      h5 {
          align-self: flex-end;
      }
      li {
          list-style: none;
          margin: 0px 20px 15px 60px;
      }
  </style>
</head>
<body>
  <header>
    <nav id="info">
        <div id="name">
            <h1>Charlie | 심택준</h1>
            <h5>남 / 33세 (89.07.17.)</h5>
        </div>
        <div id="introduction">
            하루도 빠지지 않고 한 걸음씩 걷는게 목표인 개발자
        </div>
    </nav>
  </header>
<body>
講座を聞いて、ついてきた経験があって、簡単に作れると思ったのは大間違いでした.
明日は<flexbox><grid>を集中的に見ます.