a04934aa1016782aa9575d79ce5de6ddac1fc5b8c5651ff2b81202bd4916ac519a26

제가 고민하는 문제가 해당 ui를 반응형으로 짜는 건데

여기서 html 시멘틱 구조상 하늘 - 빨강 - 노랑 - 파랑 - 초록 구조가 될 수 밖에 없음

근데 이걸 부모 태그로 맞추려면 노랑이랑 초록이 같은 부모 태그로부터 %단위가 되어야 됨 

근데 방금 말했듯 html 구조가 노롱이랑 초록사이에 파랑이 있어서 같이 부모태그로 부터 묶을 수가 없는 구조라고 판단했음

왜냐하면 되느냐 안되느냐가 아니라 명시적으로 파랑은 해당 반응형에서 고려할 부분이 아닌데 노랑+초록 태그의 부모를 부모태그로 포함하잖음

이 경우에는 html 시맨틱 구조를 배제하고 노랑이랑 초록을 위로 올리고 파랑을 내리는게 맞음?

이렇게 하면 html 구조가 css구조랑 전혀 다른 결과를 만들어낼 수 있다는 위험성이고, 이건 유지보수적으로도 너무 안 좋게 보여짐

그럼 본론으로 돌아와서 이걸 다 지키거나 이 중 하나를 안 지켰을 때 가장 best case가 되는 경우는 머임?