Responsive Design

Tags Drupal web CMS

The VIU website utilizes a “responsive design” framework to provide an optimal viewing experience across a wide range of devices including desktop, laptops, tablets, and mobile phones. This allows easy reading and navigation with a minimal need to resize or pan left or right.  

  • Use Sections instead of tables for layout.  

    • Only use a table for displaying tabular data. Do not put regular information in a table format.

  • Design and layout your page with mobile in mind first.

    • Keep in mind that many people use their smart phone, IPad, or tablets for everything while they are on the go. With a smaller screen your information needs to be easy to follow if you want to retain the attention of the reader. It is a good idea to preview your web page on a phone or tablet to ensure it is easy to read before you consider it finished.

Details

Article ID: 2963
Created
Mon 2/14/22 10:31 AM
Modified
Wed 9/21/22 9:32 AM