모바일 설정에서 제가 좋아하는 점 중 하나는 사이드바 메뉴가 페이지에 임베드되는 것이 아니라 오버레이로 슬라이드 인한다는 것입니다. 제 생각에 모바일 기기에서 더 "네이티브"처럼 느껴집니다.
브레이크포인트 선언을 추가하는 것은 어떨까요?
@include breakpoint(mobile-extra-large) {
#main-outlet-wrapper {
margin-left: unset;
margin-right: unset;
}
}
이렇게 하면 좁은 모바일 기기에서는 잠재적인 여백이 제거되고, 더 넓은 기기에서는 래퍼가 중앙 정렬됩니다.