[ Foundation: margin between columns ]

<div class="row">
    <div id="right-content" class="large-9 columns wrapper">

      <%= render "users/tabs", :user => @player_profile.user %>

    </div>

    <div class="large-3 columns wrapper">

      <%= render "shared/social", :resource => @player_profile %>

    </div>

</div> 

Preview

And I would make something like in Fancy.com (some margin between right content and the sidebar)

I've tried with

<div id="right-content" class="large-9 columns wrapper" style="
    margin-right: 20px;
">

but in this case, the sidebar fly away below "right-content". How could i solve?

Answer 1

SOLVED dealing with padding instead of margins!