Instagram 모바일 UI 클론 만들기

오늘은 Instagram 모바일 UI 클론을 만들어보았다.

오늘 역시 이전의 html,css 자료들을 많이 참고하였으며,

flex와 같이 정렬에 관련된 자료들을 많이 찾아보며 만들어야했다.

오늘은 완성을 하지 못하였다. 생각했던대로 잘 만들어지지 않았다.
시행착오를 반복하며 알게 된 것은 다음과 같다.
1. div를 너무 많이 만들지말고 필요에 맞게 보기쉽게 만들어야한다.
2. /*를 이용해 구간을 분리하고 어떤 부분인지 설명을 해주어야 만들 때 용이하다.
3. css와 html을 분리하여 작업하며 css작업 시 부모div를 앞에 달아주면 보기에 편하다.
4. #header 하고 공백을 둔 뒤에 #icon wrapper 이런식으로 작업해야한다.(공백을 안두니 적용이 안됐다.)
5. 부모div에도 적용해보고 자식div에도 적용해서 원하는 값을 찾아야겠다. 똑같이 적용했는데 각자 다른 값이 나오는 경우들이 있었다. 왜 그런지에 대해선 좀 더 공부를 해보아야겠다.