💪🏼ホームページクローンヘッダー



なぜ字が当てはまらないのかと思った.
無効なマーク位置です.
変更後
しかし、まだソートされていません.flex-directionを書いていないと思います.

結果
ソースを確認します.
   <header>
      <div class="inner">
      <div class="head-title">
        <a href="#">잔재미코딩</a>
      </div>
      <div class="head-blog">
        <a href="#">잔재미코딩 블로그 모임</a>
      </div>
      </div>
    </header>
各アイテムはdivに分かれています
変更後
各divのaラベルを
head-titleをflexに設定してソートします.
しかし、まだソートされていません.

ソースコードを再度表示すると、flex-boxのhead-titleで高さ幅を設定できます.
外に包む内部にも高さと幅を与えます.

💭 感じ:


最初はソースがなくて自分でクローンを作りたいと思っていたが、うまくいかなかった.
少しずつパズルをしていて面白かったです.
そして悟った.
1>flexを使うには、htmlを分けるときに1つずつ分けます.
flex boxとitemになるブロックを指定します.
最初の起動時には、headerとしてflexを使用しました.
頭はただ彼に空間を残しただけだ.
2>高さと幅を正常に揃えるようにします.
flex-boxに高さをあげるだけでいいと思っていましたが、適用されません.
周囲の内部にも高さの幅が与えられるので、正常に並べられています.