기호 이미지 사용가능 : 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;
Why not?