Stacks in Foundation 6 - zurb-foundation

Question

I'm trying to achieve something in Foundation 6 and I can't figure it out. Here's a graphic illustrating my issue.
Graphic of what I'm trying to do
I do! Sorry about that :)
<!-- Signup / Login / FAQ / Social -->
<div class="row">
<!-- Left Side -->
<div class="large-4 medium-4 columns Rem1MarginBottom hide-for-small-only">
<!-- Have a friend-->
<h4 class="georgiaNormal">Text Column</h4>
</div>
<div class="large-2 medium-2 columns" style="border: 1px solid;">
<h4 class="georgiaBold">Link 1</h4>
</div>
<div class="large-2 medium-2 columns" style="border: 1px solid;">
<h4 class="georgiaBold">Link 2</h4>
</div>
<!-- Left Side -->
<!-- Right Side -->
<div class="large-4 medium-4 columns">
<div class="row" style="border: 1px solid;">
<div class="large-12 medium-12 columns hide-for-small-only">
<h4 class="georgiaBoldSmall centeredRed trouble">Text</h4>
</div>
<div class="large-12 medium-12 columns hide-for-small-only">
<h4 class="georgiaNormalSmall centeredRed faq_contact">Text Link page or Link.
</h4>
</div>
<div class="large-12 medium-12 small-12 columns Rem1MarginTop text-center Rem1MarginBottom">
<img src="https://picturethismaths.files.wordpress.com/2016/03/fig6bigforblog.png" width="50" alt="#" /> <img src="https://picturethismaths.files.wordpress.com/2016/03/fig6bigforblog.png" width="50" alt="#" />
</div>
</div>
</div>
<!-- Right Side -->
</div>

Answer 1

Thanks for adding the code.
What you have is four columns, but what you really want is three columns and for some content to stack in the middle column.
Try doing this to the left side give this a try:
<!-- Signup / Login / FAQ / Social -->
<div class="row">
<!-- Left Side -->
<div class="large-6 medium-6 columns Rem1MarginBottom hide-for-small-only">
<!-- Have a friend-->
<h4 class="georgiaNormal">Text Column</h4>
</div>
<div class="large-2 medium-2 columns" style="border: 1px solid;">
<div><!-- this div should stack now -->
<h4 class="georgiaBold">Link 1</h4>
</div>
<div><!-- this div will be below the other link -->
<h4 class="georgiaBold">Link 2</h4>
</div>
</div>
<!-- Left Side -->
<!-- Right Side -->
...
<!-- Right Side -->
</div>
I changed the first column to be '6' wide and removed what you did have as the third column (the one that contained your second link).
So now the middle column contains two divs and they will stack on top of each other. You may need to add some custom css to get the design you're after, but at least now you have the correct structure.