oltdaniel / skeleton-plus

:ferris_wheel: simple stripped down css framework

Home Page:https://oltdaniel.github.io/skeleton-plus

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Mobile responsiveness

CLYeo opened this issue · comments

commented

hi,

not sure if this is an issue or feature, extracted from the demo page.
I resize chrome till 100+ px and it is still showing 12 columns.
image

shouldn't it will change from columns to rows as per the idea of responsive design from the original skeleton demo page
image

This is a small Issue from the Grid Class Naming.

If I remember correctly use -sm prefix to keep the size on mobile devices, the -md for medium devices. If you use no prefixes, it will keep the size on any screen size.

Maybe we should do some renaming on there for the new version.

commented

oh OK. I got it.
maybe add a section about the normal grid column in the demo page will be good.
thanks

commented

hi,

I was playing around the responsiveness in cssdesk.com and it seems like there is some issue with the 'columns' tag too

skeleton plus original before resizing
image

after
image

changed the CSS to the original skeleton
image

this is the link to the CSSDesk i used to try skeleton plus
http://www.cssdesk.com/8Stgc

cheers

@CLYeo Thats cause of the remaking of the Gird System. This will be new and reinvented in the v3.0

commented

ok sure.

i will soon contribute some ideas to the new version