메이슨리 레이아웃은 높이가 다른 카드를 여러 열에 촘촘히 놓으며 빈틈을 채웁니다. 책의 위쪽을 모두 맞추는 대신 크기가 다른 책을 선반에 서로 맞춰 쌓는 것과 비슷합니다.

사진 모양이 서로 다를 때 이미지 갤러리에 사용할 수 있습니다. 방문자는 행 사이에 큰 빈 공간 없이 더 많은 컬렉션을 볼 수 있습니다.

특히 키보드 사용자에게 읽는 순서가 명확해야 합니다. 다음 카드가 무엇인지 알 수 없거나 예측 가능한 순서로 항목을 찾기 어렵다면, 보기 좋게 배치해도 도움이 되지 않습니다.