Menu icon Foundation

My Posts



My Comments

Ruben Schulz commented on Ruben Schulz's post almost 6 years

Since I'm not using SASS, I had to figure out something else.
I am not using the column classes for those two divs anymore, I made up my own classes based on the foundation code to switch based on orientation.

Order section goes on top on portrait, and on the right on landscape.
Input section goed on bottom on portrait, and on the left on landscape.

@media only screen and (orientation:landscape) {
  .order-section {
    float:    right;  
    width:    33.33333%; 

    left:    66.66667%;
    right:    auto; 
  }

  .input-section {
    float:    left;
    width:    66.66667%;   

    right:    33.33333%;
    left:    auto; 
  }
}

@media only screen and (orientation:portrait) {
  .order-section,
  .input-section {
    float:    none;
    width:    100%;  
  }
}

Thanks for pointing me in the right direction! :-)
Hope this helps somebody.

Ruben Schulz commented on Ruben Schulz's post almost 6 years

Thanks for your reply!
I'm going to have a look, I'll let you know if it works :-)

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on Ruben Schulz's post almost 6 years

Since I'm not using SASS, I had to figure out something else.
I am not using the column classes for those two divs anymore, I made up my own classes based on the foundation code to switch based on orientation.

Order section goes on top on portrait, and on the right on landscape.
Input section goed on bottom on portrait, and on the left on landscape.

@media only screen and (orientation:landscape) {
  .order-section {
    float:    right;  
    width:    33.33333%; 

    left:    66.66667%;
    right:    auto; 
  }

  .input-section {
    float:    left;
    width:    66.66667%;   

    right:    33.33333%;
    left:    auto; 
  }
}

@media only screen and (orientation:portrait) {
  .order-section,
  .input-section {
    float:    none;
    width:    100%;  
  }
}

Thanks for pointing me in the right direction! :-)
Hope this helps somebody.

You commented on Ruben Schulz's post almost 6 years

Thanks for your reply!
I'm going to have a look, I'll let you know if it works :-)

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content