Grid

The website's front-end code is built on the foundation of a 12-column grid system. With a single code base, UHCL.edu easily and efficiently scales to any device size. Content stacks at smaller sizes in an elegant way which allows users to have a similar experience regardless of whether they are on a desktop computer, tablet or mobile device. Please note the examples below are a visual representation of the grid system, and not the actual stackable HTML based grid system.

12-column grid system

 12 grid

Common Layout

common layout