오픈마이레코딩쓰 오픈마이레코딩쓰

1 2 3 자동으로 완성되는 그리드가 없는 문제점 양옆의 마진이 각각 다름, 이동할 때마다 마진 조정하기 귀찮, 기기에 따라 display가 또 다른 문제점 -->이때 flex를 사용하면 해결됨 1. father에 flex container만들기 자식 박스에는 더이상 얘기 ㄴㄴ, father에게 만 flex주고 자식들은 알아서~ 인라인 블록이라고 하지도 않았는데 father display flex--> 인라인블록처럼정렬 ** justify-content: horizontal align-items: vertical flex-direction: row(default) flex-direction: column(it changes jc to vertical, ai to horizontal) reverse: it..

This is the day one body,html { height: 100%; margin: 0; padding: 0; } body { height: 1500px; } .redbox { height: 100px; width: 100%; background-color: lightcoral; position: fixed; z-index: 100; } .bluebox { background-color:lightblue; height: 100.65%; width: 70%; position: relative; display: inline-block; margin-right: -6px; margin-top: 100px; } .txt{ position: absolute; color: white; padding-l..