Divi 커뮤니티의 Mak(무료)에서 제공하는 이 하나의 간격 시스템으로 모바일, 태블릿, 데스크톱 모두 완벽하게 해결하세요. 이 영상에서는 간격 스케일을 사용하여 모든 화면 크기에서 레이아웃이 일관되고 유연하며 반응형으로 유지되도록 디자인하는 올바른 방법을 보여줍니다. 대부분의 웹사이트는 임의의 패딩 값을 사용하여 간격을 추측하기 때문에 모바일에서 제대로 작동하지 않습니다. 이 영상에서는 미디어 쿼리를 사용하지 않고도 간격과 타이포그래피가 뷰포트에 따라 유동적으로 조정되는 올바른 간격 시스템을 시연합니다. Kraafter를 사용하여 이 시스템을 구축하고 다음과 같은 사항을 보장합니다. 일관된 세로 리듬, 자동으로 조정되는 유동적인 간격, 자연스러운 반응형 타이포그래피, 실제 프로젝트에서 작동하는 확장 가능한 디자인 시스템. 이 접근 방식은 추측을 없애고 의도적이고 전문적이며 미래 지향적인 웹사이트를 디자인하는 데 도움이 됩니다. 깔끔한 레이아웃, 올바른 디자인 시스템, 그리고 제대로 구현된 반응형 디자인에 관심이 있다면 이 방법이 웹사이트 제작 방식을 완전히 바꿔놓을 것입니다.