(877) 881-0947 or

Fixed Images

Pages

Intro Page: Notes, explanations and a few best practicesBasic Styles: index of many common site elements and stylesItem flows: describes how content is reflowed within specific breakpoints Flexible Images: Examples of how flexible images are composed, sized and used in the RL responsive environment
Responsive images for RL occur within the following breakpoints:

Desktop - 992 +
Tablet portrait - 768 - 991
Phone landscape - 480 - 767
Phone portrait - up to 479

Fixed images are used specifically within "Hero Images" of specific heights and uses. 

They move only along the X axis and do not scale. Use the appropriate Illustrator template dimensions to help in composing these images.

How to use fixed images:
  1. Set background-postion: cover;
  2. Set background-postion: absolute top 0px;