Skip to main content The Trailblazer Community will be unavailable from 2/1/2025 to 2/2/2025. Please plan your activities accordingly.
Trying to layout a responsive visualforce page with the lightning design system. When I look at it in a responsive mode the fields are  jumbled. 

Example:

Regular Browser

Residential Street           Mailing Street

Residential City              Mailing City

Residential State            Mailing State

Residential Zip                Mailing Zip

Current Responsive For Phone 

Residential Street          

Mailing Street

Residential City

Mailing City

Residential State            

Mailing State

Residential Zip                

Mailing Zip

Want it like this: 

Residential Street

Residential City

Residential State

Residential Zip

Mailing Street

Mailing City

Mailing State

Mailing Zip

Current Tag:

  <div class="slds-col--padded  slds-size--1-of-1 slds-medium-size--3-of-6 slds-large-size--6-of-12 slds-m-top--medium" >
2 answers
  1. Jun 5, 2016, 4:41 AM
    Have you considered wrapping the Mailing and Residential addresses in their own div?

    Since you always want the addresses stacked vertically, you explicitly specify that in their own divs. Then, you can display those divs using the method in your current tag, putting them side by side on larger screens or on top of each other on smaller ones.
Loading
0/9000