[HTML/CSS] SNS Profile 만들기

💡 실습 포인트!

• 이 화면 레이아웃 구성해보는 것만 5번은 연습한 것 같다. (익숙해질 때까지 처음부터 다시 만들어보기..)
• Bootstrap 에 익숙하지 않은 상태에서 처음 시작했을 때에는 상단 프로필 구성만 한참 걸려서 디테일에 연연하지 않고 틀만 잡아보고, 두번째로 연습할 때에는 큰 박스들 디테일만 잡고, 세번째 도전할 때는 세부 박스 디자인을 잡고, 네번째 연습할 때는 프로필 상하단을 구별하는 profile 라인도 만들어보고.. 마지막에는 시간 줄이기 이런식으로..?
• PC 화면 잘 만들었다 싶어서 모바일 화면 보면 좌우 정렬 안 맞고, 모바일 화면 좌우 정렬 조정하면 PC 화면이 뭔가 이상하고..의 반복이었다.

💜 PC 화면

💜 모바일 화면