Susy가 올바르게 부양되지 않았습니까?

Question

저는 현재 내 개인 사이트를 만들기 위해 susy를 사용하고 있으며, 현재는 빠른 프로토 타입을하고 있습니다 (www.dev.jaylaiche.com). 나는 다음과 같은 CSS를 사용하여 내 콘텐츠 (페이지 하단과 오른쪽에있는 텍스트의가 lorem ipsum의를) 정렬 할 스팬 믹스 인을 사용하려고 해요 : 그래서

.home-page { 
@include container(100%); 
height: 100%; 
min-height: 1020px; 
nav { 
    ul { 
     @include horizontal-list(); 
     li { 
      @include box-sizing(border-box); 
      width: 20%; 
      padding: 2%; 
      text-align: center; 
     } 
    } 
} 
.about-me { 
    width: inherit; 
    height: auto; 
    .about-text { 
     @include span(5); 
    } 
    .about-pic { 
     @include span(3 at 9 of 12); 
    } 
    } 
} 

을,이 떠해야한다 오른쪽의 .pic div가 맞습니까? 나는 그것을 9 열에서 12 열로 옮기고 싶다. 그러나 코드를 입력하면 모든 항목이 왼쪽으로 계속 이동합니다. 다른 프로젝트에서 이전에 이것을 사용했는데 제대로 작동하는 것처럼 보였습니다. 여기서 내가 뭘 잘못하고 있니?

<div class="home-page"> 

<nav> 
    <ul> 
     <li class="navi home-nav"><a href="#">HOME</a></li> 
     <li class="navi work-nav"><a href="#">WORK</a></li> 
     <li class="navi logo-nav"><a href="#">Placeholder</a></li> 
     <li class="navi blog-nav"><a href="#">BLOG</a></li> 
     <li class="navi cont-nav"><a href="#">CONTACT</a></li> 
    </ul> 
</nav> 

<div class="about-me"> 
    <div class="about-text"> 
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolores, iure quasi veritatis? Natus pariatur molestias modi laborum sed numquam, architecto nemo. Nobis id itaque nostrum, aliquam repellendus qui voluptatem? Soluta. 
    </div> 
    <div class="about-pic">Pic goes here</div> 
</div> 

Answer 1

3 at 9 열 9, 10을 포함 것이고, 11 -하지만 당신은 고립을 사용하지 않는 경우, 그것은 왼쪽 떠 : 필요한 경우

은, 마크 업은 다음과 같습니다. 이 경우 last을 사용하는 것이 가장 쉽습니다. span(last 3).