원래 css 작업하실 때 작은 요소부터 작업하고 큰 레이아웃 작업하시나요?

1. 프로젝트 성격에 따라 다릅니다. 수업처럼 프로젝트에서 각각의 UI 요소들을 먼저 작업하는 경우 그 이유는, 공통적으로 많이 사용하는 UI 라이브러리를 만드는 개념으로 만들어두고 각 페이지의 골격을 만들며 그 안에 조립해나가는 식으로 하는거지요.
그렇게 할 경우 러프한 작업 순서는
UI세트만들기 -> 메인 페이지 골격 -> 서브 페이지 골격 -> 각 페이지 세부 내용
이렇게 됩니다. 페이지 골격을 만들고 내용을 채울 때 미리 만들어 둔 UI 세트에서 가져와서 쓰는 개념으로요.
개발 단계에서 미리 간단한 UI개발 스타일가이드가 만들어지는거지요~ 거기에서 각 페이지에서 필요할 때 가져다 쓰는 것이고요.
그렇게 하면 중복 코드를 줄이고 디자인 일관성을 유지하는 데에도 도움이 됩니다.
"작은 요소"를 먼저 작업한다기보다는, "공통으로 사용되는 UI 세트를 미리 만들어 두고 그걸 조립한다"라고 생각하시면 좋습니다. 작은 요소더라도 그 페이지에만 쓰이는 것들은 미리 만들어두지는 않습니다^^

2. 두번째 질문도 프로젝트 성격에 따라 다릅니다 ㅎㅎ 수업에서 그렇게 한 이유는, 간단한 UI 세트를 만드는 개념으로 그렇게 했어요. 자주 사용하는 UI 요소들의 세트를 따로 만들어두면, 다른 프로젝트에서도 그걸 가져다 쓰기가 용이하니까요~
저도 프로젝트가 간단하거나 귀찮으면 그냥 하기도 하는데, 분리하는 편이 장점이 많다고 생각됩니다^^

친절한 답변 감사합니다!
한 번도 강사님처럼 안해봤는데, 해보고 느껴봐야겠어요~