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.