Unit 14: Website Design
Lesson 4: Multi-Column Responsive Pages Using CSS
Most web pages involve using multi0ple columns of information. In
the past tables were used to achieve this. Tables are however inflexible
and with the advent of mobile devices such as phones and tables there
is a greater need to design web pages that are fluid and can adapt to
different screen sizes.
There has been a lot published online and in the press on the need to
for responsive web design. This means developing pages that can respond
to different devices so that a simpler one column page is provided for
mobile phones, and multicolumn pages are provided for tablets and work
stations.
In order to achieve this, and for it to work in most browsers complex
CSS is required. In my view adopting tried and tested CSS Frameworks is
a more efficient route to developing reponsive pages.
-
Presentation:
Multi-Column Responsive Pages
-
Example HTML:
Starting HTML for Peacock's Wines
-
Example CSS:
Starting CSS for Peacock's Wines
Useful Resources