[작업 일기] 플렉스 박스(flex box) - 반응형 그리드 연습

플렉스(flex box)를 이용한 플렉스 반응형 그리드 연습하기

 

  기존에는 float 속성과 음수 마진을 이용해 반응형 그리드 작업을 해왔지만, 이번에는 새롭게 배운 flex 개념을 적용하여 작업을 해봤습니다. 플렉스 아이템(flex item)간의 간격을 마진(margin)으로 조정하고 나서 여백을 없애주는 작업이 float-음수마진 보다 좀 더 어렵게 느껴지는 부분이 있었습니다.

 

  반복적인 학습을 통해 확실히 이해할 수 있도록 해야겠고 좀 더 다양한 플렉스 예제를 통해 적응하고 또 능숙해질 필요성을 느끼는 부분이네요.

 

See the Pen JjRKxPL by issue72y (@issue72y) on CodePen.