[TIL] 프리온보딩 28일차 - 220530

 

아름다움의 근원은 총 3가지 !

1. 글꼴    2. 색상    3. 정렬

1️⃣ 글꼴은 대부분 Spoqa로 세팅되어 있으니 무리가 없다.

2️⃣ #000000 같은 야만적인 색상 쓰지 말기

3️⃣ input 옆에 button이 있을 때 input과 button의 높이 통일,

border-radius 통일, 그림자 사용할 경우 가능한 한 연하게 사용,

input의 내부 패딩은 가로만 주고 세로는 주지 않는다(padding: 0 16px),

글씨 위 아래 정렬은 line-height나 height를 이용한다,

input 내부 글씨 크기는 무조건 16px 이상으로 잡는다. (16px 미만이면 사파리에서 화면 줌이 일어난다)

 

💡 input은 좌우 패딩이 상하 패딩보다 커야한다.