Page 1 of 1

Flexible calendar layout

Posted: Thu Nov 15, 2012 8:44 pm
by nigma
Would someone be willing to take a look at this link and help me understand how the calendar resizes itself as the window is resized? Is this a feature of CSS or a nice touch of javascript? Thanks

https://pittsburghkids.org/calendar

Re: Flexible calendar layout

Posted: Thu Nov 15, 2012 11:04 pm
by social_experiment
It's css; the width property is set to 100% making the layout 'liquid' or flexible

Re: Flexible calendar layout

Posted: Thu Nov 15, 2012 11:20 pm
by nigma
Thank you. Did you notice how the calendar layout changes completely when the screen size shrinks beneath a certain minimum width value? Is that also due to CSS alone?

Re: Flexible calendar layout

Posted: Thu Nov 15, 2012 11:26 pm
by social_experiment
It's possible; the page (when at a certain width) switches to a mobile stylesheet to accomodate mobiles browsers or browsers that have a specific screen width.