Problem with boxes, column and smallest widths

[midudev]

Using the column_3 as the example for the Web App: http://tuktuk.tapquo.com/examples/app.html

If you minimize the window you reach a point where the column of the left side becomes bigger than before and breaks the layout.

[gsalgadotoledo]

if you use media query ?

[gsalgadotoledo]

I would like to be like the sidebar of lungo.js

[midudev]

@gsalgadotoledo you can try it in Google Chrome and see the problem I'm talking about about the problem with the left column when the window becomes smaller.

[gsalgadotoledo]

yes, occupies more screen space

[soyjavi]

WebApp demo it's only for Desktop/tablet devices.... for Mobile WebApps use LungoJS (http://lungo.tapquo.com)

[midudev]

Sorry @soyjavi but thtat's not the point, because I'm making a Desktop web. :) The problem here is that when the window becomes to 700px then gets broken and I think that's not ideal for any RWD Framework!

The correct code

.column_3 {
width: 208px;
}

gets overwrited by

@media only screen and (max-width: 767px) and (min-width: 480px)
[class^="column_"], [class*=" column_"] {
margin: 10px 0 0 0;
width: 456px;
}

And the problem is in the tuktuk.css, so in the code of the RWD Framework. Because I have the same problem in my web...

Anyway, I was trying to help to make a better code. Sorry if you don't see like that. Thanks for your effort.