How can I make html component take up all the space of the mobile container for any screen size?

[adam griffin]

I have place some html code within html component and set the dimensions of the component as 100% width and auto height, but doesn't fill the mobile container. As I increase the screen size the space between the header and the component increases.

The lined elements are the html that is in the html component. The background is just a css class with the container set to it.

[Kateryna Grynko]

Hi Adam,

Check this thread please: https://getsatisfaction.com/apperyio/...

[adam griffin]

It works perfectly for my html component. I tried adding it to my grid component but it does not work. Do you have a solution for this?

[Alena Prykhodko]

Adam,

This code works for grid as well, just use grid name instead.

[adam griffin]

I tried it still didn't change

[Alena Prykhodko]

Try to add class for grid (in Properties set Class Name to gridClass) and add this code to CSS asset:

pre.gridClass {
width: 100vw !important;
height: 100vh !important;}/pre

[adam griffin]

That works, but I also see a mistake I made. I had added it to the outer grid. I had to add it to the grid I have inside that one. Thank you!