[Solved] responsive colomns

[maco-nl]

Hi
in our old ( not responsive website )
we have in the footer a table with 3 colomns

now i'm busy with Get-simple and a responsive template

now i would like to get these tables in the footer

i don't know how to do this but 

i created 3 components
called : footer1   footer2      footer3
created some html in it so far so good


but it does show vertical in the footer instead horizontal 




does anyone know what and how i can do this to get it horizontal ?
but also when i look on a mobile it is then vertical 
my thanks is huge  



regards mandy

[Timbow]

There are several ways of doing that, but you would want to use the same system as the rest of the template, no? What theme/ template is it?

[maco-nl]

There are several ways of doing that, but you would want to use the same system as the rest of the template, no? What theme/ template is it?

Hi Timbow thanks for your reply

im using for this one the basic responsive
http://get-simple.info/extend/theme/basi...nsive/844/

not necessary to use as the rest of the template 

i added already the 3 components in the footer and added in the components the html
(footer is gradient from white to blue (css) and using white text

it is just i don't get this horizontal 


with a table i did get it done as i wanted ,, 
but it is not responsive and this is real new for me 

kind regards 
Mandy

EDIT: i have also looking into some files from other templates ( Resumé)
 i saw also 3 columns but didn't get it right now how it was done to get it horizontal 
from this template i did get the idea to use the components
instead hard coded in the footer

[Timbow]

Code:

<!========================Footer Section============================-->

   <footer class="blockz bg-offBlack1">
 
      <div class="wrapper">

         <div class=" col-3 fill1">
            <?php get_component( 'footer1' ); ?>
         </div>
         <div class=" col-3 fill1">
            <?php get_component( 'footer2' ); ?>
         </div>
         <div class=" col-3 fill1">
             <?php get_component( 'footer3' ); ?>
         </div>

      </div> <!--End wrapper-->
             
   </footer>

[maco-nl]

Code:

<!========================Footer Section============================-->

   <footer class="blockz bg-offBlack1">
 
      <div class="wrapper">

         <div class=" col-3 fill1">
            <?php get_component( 'footer1' ); ?>
         </div>
         <div class=" col-3 fill1">
            <?php get_component( 'footer2' ); ?>
         </div>
         <div class=" col-3 fill1">
            <?php get_component( 'footer3' ); ?>
         </div>

      </div> <!--End wrapper-->
             
   </footer>

Hi Timbow
geezzz how easy can it be ,, with this i learned again something   
many many thanks for your help
regards Mandy