왜 글자가 적용안되나 했더니
닫는 태그 위치 잘못됨.
수정 후
그래도 정렬 안되어 생각해보니 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에도 높이 넓이 설정,
그 겉을 감싼 inner도 높이 넓이를 다 주어야했다.

💭 느낀점 :

처음에 소스 없이 혼자 클론하려니 잘 안되었는데
조금씩 퍼즐 맞춰지는듯 하여 재밌었다.
그리고 터득한 것이 있다.

1> flex를 활용하려면 html나눌때 하나씩 다 나눠야한다.
flex박스와 item들이 될 덩어리들을 지정하는 것.

맨 처음 시작때는 header를 flex로 했으나
header는 공간을 잡아줄 뿐이였다.

2> 높이와 넓이를 주어야 정상적으로 정렬.

높이를 flex-box에만 주면 된다고 생각했는데 적용이 안되어
그 겉을 감싼 inner도 높이 넓이를 주니 정상 정렬됨.