23.11.23 TIL(Today I Learned) - 실습(추억앨범, 스파르타플릭스)

<추억앨범 실습>

• 값을 입력하는 박스라고 무조건 input group이 아니고 floating labels도 있음!

• div 안의 배경이미지를 '이미지'라고 생각하니까 '이미지는 div를 따로 줘야했나..?' 하면서 계속 헷갈렸는데 그냥 backgroung-color쯤으로 생각하면 div영역이 좀 덜 헷갈릴 것 같음

• border에 그림자 넣기 : boxshadow

<킹덤 실습>

• 바짝 붙어있는 두 버튼 사이에 공간 만들고 싶으면 -> 두 버튼의 바깥 여백을 주면 됨!
  ex) .main > button {
  margin-right: 30px;
  }
  (굳이 button에 따로 div줄 생각 안해도 됨)

• 킹덤 맨 위 배너 : 부트스트랩에 examples> headers

<li><a href="#" class="nav-link px-2 text-
secondary">Spartaflix</a></li>

에서 'text-secondary'부분은 텍스트 색깔이란 뜻!!
secondary 이 부분을 바꿔주면 색이 바뀜!

<button type="button" class="btn btn-danger">Sign-up</button>

에서 'btn-danger'도 마찬가지!

• spartaflix의 posting box에 기록하기 버튼을 가운데정렬 하려면
  -> 큰 틀 안에 있는 버튼(큰 틀 안에 버튼은 하나뿐임)을 조정하기!
  (큰 div의 class > button {} -> 이렇게 지정)

• width: 100% -> 꽉차게 해줘라!

질문>>

• 추억앨범 프로젝트 3? 중
  앨범 버튼을 가운데로 오게 할때, margin조절하면 안되고 display flex를 하면 되는 이유?

• 스파르타플릭스 2-4강 중

<div class="form-floating mb-3">

에서 class 지정할때 form-floating만 쓰고 mb-3은 안쓰던데 mb-3은 뭔지?