[웹 개발 기초] 5화: CSS Grid로 반응형 카드 레이아웃 만들기
CSS Grid로 반응형 카드 레이아웃을 만듭니다. repeat(auto-fit, minmax())로 화면에 맞춰 열을 자동 조절하고, 카드 스타일링으로 깔끔한 프로젝트 목록을 구성합니다.
css
[웹 개발 기초] 2화: CSS로 디자인의 기초 다지기 (폰트 & 변수)
SS 파일 연결부터 브라우저 스타일 초기화, 구글 폰트 적용, CSS 변수로 색상 관리, 부드러운 스크롤까지 — 웹사이트에 첫 스타일을 입히는 핵심 기초를 다집니다.
[Next.js 시리즈 #3] 디자인의 완성: Tailwind CSS로 세련된 UI 컴포넌트 만들기
Next.js 시리즈 3부! Tailwind CSS를 활용해 밋밋한 웹사이트에 생명을 불어넣어 봅니다. 클래스 몇 줄로 세련된 히어로 섹션을 만들고, 주니어 개발자도 바로 써먹을 수 있는 실무 디자인 팁까지 알차게 담았습니다. 디자인 고민, 이제 코드로 해결해 보세요