masonry 라이브러리 잘 사용하기

최근 masonry 때문에 정말 많은 고민을 하였다.

좋은 라이브러리이긴 하지만 제대로 설정을 안 잡아주면 여러가지고 허점이 많은 라이브러리이기도 하다.

특히나 이번에 고민했던것은 콘텐츠를 반응형 그리드 형식으로 출력하는 부분이었는데,

아래의 링크를 통해서 영감을 얻어 원했던 완벽한 masonry를 구현할 수 있었다.

쉽고 완벽하게 구현하기 위해서 bootstrap의 컬럼 class도 써 주었다.

https://codepen.io/Axiol/pen/yzhGF?q=responsive%20masonry&order=popularity&depth=everything&show_forks=false

반응형이 될뿐더러 컨텐츠의 width나 height의 길이가 서로 달라도 빈틈이 생기지 않고 잘 표시해 준다.