[TIL_14] <project> webucks clone - html (1)

로그인 페이지 기능 구현 로그인 페이지 구글 폰트 링크 사용법 display:flex;, justify-content, align-items 사용하여 레이아웃 배치 로그인 버튼 활성화 기능 특정 조건 만족시 로그인 버튼 활성화 기능 (이메일에 "@" 포함 & 비밀번호 8자리 이상) 특정 조건 다시 불만족시 로그인 버튼 비활성화 기능 조건 만족 후 버튼 클릭 이벤트 발생시 디테일 페이지 이동 ...

TILWeCodeprojectwebucksTIL

[TIL_17] <project> webucks clone - html (3)

상세 페이지 레이아웃 & 기능 구현 메뉴 상세페이지 기존의 flex를 이용하여 레이아웃을 구현하다가 제품 영양 정보 상세 정보 테이블을 작성할때 flex가 만능은 아니구나라고 느끼고 grid에 대해 공부하고 grid를 사용해서 레이아웃을 구성해보았다. flex는 유연한 성질인 만큼 특정한 값으로 규제를 주기가 힘들었다. grid는 원하는 비율로 칸을 나누듯이 레이아웃을 구성할 수 있어서 fl...

WeCodeTILCSSprojectwebuckshtmlCSS