반응형 레이아웃 구상할때 고려해야할것들

콘텐츠의 쌓임

1 2 3 4 순서로 레이아웃을 구성했을때 화면이 줄어들면

1

2

3

4

가 될것이다 하지만 1번이 제일 위로 간다고 가장 중요한 컨텐츠가 아닐 수 있다

콘텐츠 순서

우선적으로 보여줘야 할 컨텐츠가 뭔지 생각해야한다 즉 논리적인 마크업이 필요하다

콘텐츠 맞물림

논리적인 마크업을 했지만 그럼에도 순서를 바꿔야하는 경우가 있다 그래서 이왕이면 float보다는 더 유연한 레이아웃이 가능하고 container의 순서를 바꿀 수 있는 flex나 grid를 사용하자(order 사용)