Elisa GIVAUDAN 
Chef de Projets Marketing & Digital
elisa.givaudan@arthur-loyd.com

ARTHUR LOYD

 

ARTHUR LOYD
88 avenue Charles de Gaulle
92200 Neuilly-sur-Seine

www.arthur-loyd.com

 

Twitter LinkedIn Youtube

 

TEXT OR IMAGE NOT FOR MOBILE HERE

@import url(https://fonts.googleapis.com/css?family=Open+Sans); * { box-sizing: border-box; } body { font-family: 'Open Sans', sans-serif; color: #666; } /* STRUCTURE */ .wrapper { padding: 5px; max-width: 960px; width: 95%; margin: 20px auto; } header { padding: 0 15px; } .columns { display: flex; flex-flow: row wrap; justify-content: center; margin: 5px 0; } .column { flex: 1; border: 1px solid gray; margin: 2px; padding: 10px; &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } } footer { padding: 0 15px; } @media screen and (max-width: 980px) { .columns .column { margin-bottom: 5px; flex-basis: 40%; &:nth-last-child(2) { margin-right: 0; } &:last-child { flex-basis: 100%; margin: 0; } } } @media screen and (max-width: 680px) { .columns .column { flex-basis: 100%; margin: 0 0 5px 0; } }

 

    


        

3 Column Responsive Layout


    

        

    
    

        

1st Content Area


        

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi ratione architecto necessitatibus cum praesentium dolor totam voluptatibus recusandae?


    

    
    

        

2nd Content Area


        

Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi ratione architecto necessitatibus cum praesentium dolor totam voluptatibus recusandae? Illo quod nemo ratione itaque dolores laudantium error vero laborum blanditiis nostrum.


    

  
 

        

3rd Content Area


        

Illo quod nemo ratione itaque dolores laudantium error vero laborum blanditiis nostrum. Lorem ipsum dolor sit amet consectetur adipisicing elit. Sequi ratione architecto cum praesentium voluptatibus recusandae?


    

    
    
    
    

        

Footer


        

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Ipsam, porro. Doloribus vitae non dolores modi dolorum commodi perspiciatis dicta nostrum minus esse, totam officia, quibusdam amet quas tempora? Voluptatibus, esse.


    

 

 

 

Add content
Add content