Responsive Website

Recently in web design we created complete websites about capturing a good photo. There is 12 techniques that can improve your photography skill. Unlike other websites we made, this one adjusts its view according to your device screen size. The css adjusts to make every view easy to read. All widths are fluid instead of pixels they are in % sizes. It was very challenging to make the sidebar take up the whole screen. But I could never make the same css work for all views.  So in the code I created two alternate css pages. One is for Iphone sizes, the other for Ipad view. That way I could make a proper website that is viewable on all platforms.