빡공단 20일차

➰ display: flex로 배열을 자유롭게 만들었다. ➰ 배경을 다시 흰색으로 만들었다. ➰ align-items: center로 nav 전체를 세로로 가운데 정렬! ➰ padding을 위아래는 0, 왼쪽 오른쪽은 20px를 줬다. ➰ flex: 1로 nav 안에 있는 친자식 div들끼리는 같은 간격으로 여백을 주었다. ➰ img는 인스타그램 페이지에서 가져옴! ➰ href="/"는 로고...

CSS인스타그램클론코딩빡공단htmlCSS

빡공단 10일차

id, class 선택자 그 외 선택자 ➰ 같은 태그를 다른 스타일로 지정하고 싶을 때 기존 태그 선택자로는 따로 구분할 수 없다. 🌕 id 속성 : 선택자, 특정 부분만 선택해 문서 안에서 한 번만 적용. ➰ 어떤 태그에서도 사용 가능 ➰ id 선택자는 앞에 #을 적는다. ➰ top 선택자와 bottom 선택자에 따라 같은 div 태그이더라도 다른 스타일을 적용! ➰ id를 가지는 태그는 ...

빡공단CSShtmlCSS

빡공단 23일차

➰ post-title 부분 만들기! ➰ 첫 번째 div는 프로플 사진 부분. ➰ 두 번째 div는 사용자 이름 부분. ➰ post-title의 첫 번째 자식인 프로필 사진 부분의 배경을 구분하기 위해 red로 줬고, 크기를 가로 세로 각각 40px씩 줬다. ➰ post-title의 두 번째 자식인 user name의 왼쪽 margin을 10px을 줘 프로필 사진과의 간격을 두었다. ➰ po...

클론코딩인스타그램CSS빡공단htmlCSS