TIL - 52

기호 이미지 사용가능 : https://fontawesome.com/v5.15/icons?d=gallery&p=1

css 컬러 이쁘게 매치해주는 사이트: https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=B39DDB

이미지 색깔 따오는 법 : https://html-color-codes.info/colors-from-image/#

명시적 class 네임 하는 법 : https://tailwindcss.com/

와이어 프레임 보면 도움되는 것 : 구글에 wireframe design examples 쳐보기

css에 부모요소에 있어야하는 것들

• display:flex
• flex direction: column or row(기본값)

class name을 한번에 두개의 태그로 만드는법?

• 스페이스로 띄어쓰기 하면 된다.
• <class="row w10>
• 그러면 css에서 .row 와 .w10 따로 사용 가능하다.

Flex:glow, shrink, basis

• Grow 늘린다 / shrink 줄인다 / basis 기본크기
• shrink 는 잘 안쓰인다 대신 @media 가 많이 쓰인다

수직정렬, 수평정렬

• content의 수직정렬: justify-content
• content의 수평정렬: align-item

css적용할때 기본적으로 * 에 하는 것들

  margin: 0;
  padding: 0;
  box-sizing: border-box;
  border-style: none;