[Solved] Skeleton framework four columns

[mika]

Hi folks,

i’m building a site with skeleton framework where i have simple structure of 4 columns. (i’m using “four columns class” for them). For some reason my column structure breaks down in tablet size (last column just drops down like starting a new row)..

Here’s my short code so far:

`

                

                

                dfdfgdfgdf dfg dfg dfg dfg dfg dfgdfgd dfg dfg dfg dfgdfgfdgdf
                
                

                

                

                dfdfgdfgdf dfg dfg dfg dfg dfg dfgdfgd dfg dfg dfg dfgdfgfdgdf
                
                

                

                

                dfdfgdfgdf dfg dfg dfg dfg dfg dfgdfgd dfg dfg dfg dfgdfgfdgdf
                
                

                

                

                dfdfgdfgdf dfg dfg dfg dfg dfg dfgdfgd dfg dfg dfg dfgdfgfdgdf
                
                

           

`

.inner { height: 339px; background-color: #707070; margin-top: 105px; text-align:left; }

What i have done wrong..?

// Mika

[georgearnall]

Have you got a link to site your working on ? Or perhaps a CodePen? I can’t see any problems from what you have given us.

Are you using this line <meta name="viewport" content="width=device-width;"> in your code ? Do you have a media query for tablet sizes ?

We need more info.

George

[mika]

Hi George,

thx for answer. I got it work. I just placed my column divs inside new container class..

Code Pen is new to my but i will sign in and use it in my many future questions :-))

// Mika

[Author]

Posts