Menu icon Foundation
Same view on Smartphone and Tablet

Hello every body,
I have a form displayed on Smartphone (image-1). I want to have the same view displayed on iPad. My current view on iPad is image-2.
The current variable in the _foundation_variables.scc file is:
// $small-range: (0em, 40em); //640px
// $medium-range: (40.063em, 64em); //1024px

Do we have any method to do it in foundation ?

Thank you in advance.

formgrid

Hello every body,
I have a form displayed on Smartphone (image-1). I want to have the same view displayed on iPad. My current view on iPad is image-2.
The current variable in the _foundation_variables.scc file is:
// $small-range: (0em, 40em); //640px
// $medium-range: (40.063em, 64em); //1024px

Do we have any method to do it in foundation ?

Thank you in advance.

Shoaib Iqbal over 4 years ago

Hi, Can you post the code.

Rafi Benkual over 4 years ago

If you are using the grid to create this form, use the small grid and it will keep the same sizing for small medium and large.

Like

<form>
  <div class="row">
    <div class="small-6 columns">
      <!-- Your form markup -->
    </div>
  </div>
</form>

sachin 7 months ago

"Hello every body, 

I have a form displayed on Android Smartphone (image-1). I want to have the same view displayed on iPad. My current view on iPad is image-2. 
The current variable in the _foundation_variables.scc file is: 
// $small-range: (0em, 40em); //640px 
// $medium-range: (40.063em, 64em); //1024px

Do we have any method to do it in foundation ?

Thank you in advance."

I have the same issue like Mahmoud Assaf. Please help me. Also also, please tell me how to quote post.