Fields Unresponsive When Wrapping them Around HTML Block div

[Maishedu]

I have a calculator datapage that has fields. I have seperated the field using <div><div>{FIELDS}</div></div> For my own javascript purposes. Now the Fields are not responsive on Mobile. This is a very big caspio issue. If it could be addressed. Wrapping field around a HTML Block shouldn,t be a problem. Here is the Datapage : https://c0hcr614.caspio.com/dp/7dfc9000c648da3df3ee4446a00f

[futurist]

Hi @Maishedu,

Any particular reason why you decided to wrap each fields in their own nested divs?

[Maishedu]

Want to manipulate the Divs using Javascript, The problem was solved using : 

 

<style>
@media only screen and (max-width: 1024px) {
  div#step1 div.cbFormNestedTableContainer,
  div#step2 div.cbFormNestedTableContainer,
  div#step3 div.cbFormNestedTableContainer {
    display: block;
  }
}
</style>