Menu icon Foundation
responsive div alignment

Hello,

I am trying to get this layout in my code but so far only have this code  

 

please could someone help me with this layout ?

   <div class="row">

  <div class="small-3 small-centered columns">3 centered</div>

</div>

<div class="row">

  <div class="small-6 large-centered columns">6 centered</div>

 

</div>

 

 

trying to understand where i am going wrong.. here is the layout i am aiming for ..

divsResponsivealignment

Hello,

I am trying to get this layout in my code but so far only have this code  

 

please could someone help me with this layout ?

   <div class="row">

  <div class="small-3 small-centered columns">3 centered</div>

</div>

<div class="row">

  <div class="small-6 large-centered columns">6 centered</div>

 

</div>

 

 

trying to understand where i am going wrong.. here is the layout i am aiming for ..

Suciu Cristian 2 months ago

add grid x class to your collums parent :)

Ha Linh 2 months ago

nice

John Welber about 2 months ago

In this layout, change <div class="row"> to <div class="grid x". Hope this will fix the issue. I myself faced the same issue but now it's alright. Thanks and Regards, Robert Hustly.