자유 미코 폰트 변경보다 어려운
- Alternative
- 조회 수 274
- 2022.08.25. 18:45
운영진께서 PC용 layout.css에 아래 코드만 반영해 주시면 닉네임 아래로 내려간거랑 버튼 깨지는거 깔끔하게 나올겁니다..
.cLogged { /* height, padding-top, padding-left 삭제 */ display: flex; margin: 12px 0; align-items: center; gap: 8px; } .cLogged .bPf { /* position, top, left 삭제 */ width: 30px; height: 30px; display: flex; } .cLogged .bt-logout { /* right, top, margin-top 삭제 */ display: flex; position: relative; margin: 0; padding: 0; width: 14px; height: 14px; justify-content: center; align-items: center; margin-left: auto; }
개발자 입장에선 아니지만, 웹 퍼블리셔나 디자이너 입장에선 자바스크립트보단 배우기 쉽습니다. 기초 + CSS3부터 들어간 function들이나 transition/transform 이해, pseudo 선택자들만 익혀도 왠만한거 찍먹은 가능하실 겁니다.
배우려는 분들에게 추천 드리는 사이트입니다. 한번 살펴보세요.
http://www.tcpschool.com/css/intro
CSS의 개념은 위를 참고하면 되지만 CSS를 통해 컴포넌트나 오브젝트를 어떻게 만드는지 감각을 익히려면 부트스트랩 같은 CSS Framework를 참고하시면 좋습니다.
https://getbootstrap.kr/ (영문 사이트를 보시는게 좋지만 일단 국문으로 올립니다)
CSS가 메인이고 요즘은 SASS(SCSS)도 많이 배우는 추세이니 나중에 한번 살펴보세요.
저거 클릭하려고하면 로그아웃 못하게 움직여서 도망가요