[Task] 반응형 CSS 수정

[ddubbu]

Task Card

Assignee: @ddubbu

Job Description

• [ ] 노트북 vs 태블릿 화면 크기 다른거마다 적용되도록

  media query 사용

• [ ] 급한거는 login 가로 길이

결과물

[ddubbu]

Login Page 가로폭 이상함

원인

font size : large -> medium 으로 바꿈!

.signin-wrapper { margin: 10vh auto; width: 17rem; // 요놈때문에 text-align: center; }

//rem 도 상대단위 아닌가? 아.. root font 크기에 종속되구나 하...ㅎ

[ddubbu]

SignUp Page 꾸미기

[ddubbu]

Main Page 꾸미기

• 특이사항 전체 글꼴

  font-family: "Inter", 'NotoSansKR', sans-serif;

• 100% 로 하면 가운데 맞춤
• 120%로 하면 오른쪽으로 살짝 기운 듯 함

[ddubbu]

userInfoEdit Page 꾸미기

• 글꼴 한번 흘림체 써봤는데 어떰..?

[ddubbu]

Board Page

구글 처럼하고 싶어

그러다보니 Tesselation 15 Justin Prno - Walli 방문해보게됨

이사람 아이콘, 디자인 깔끔함 https://dribbble.com/justinp

여기도 시안 많다 https://dribbble.com/shots/popular?tag=geometric&color=3D4A56

최종 택 배경

다른 페이이지 테두리에도 적용함

[ddubbu]

dropdown 가볍게 만짐