Fluid dimensions for Rectangle in Adobe Muse

[Bhavesh_Shaha_]

I use a rectangle tool to give some aesthetic design to my website. I want the rectangle box to have fluid height and width. The webpage cannot have fluid height and width since I would want to use scroll animation.

So my question is- how do I give fluid dimensions to my rectangle box?

I found one article online saying that adding this code can make it have 100% height (http://blogs.adobe.com/contentcorner/2017/05/12/create-a-full-height-rectangle-in-adobe-muse/)

This did not give me the desired results.

I also want to make it have 90% width. But it did not work out.

Please help.

Code used:

<style>
.full {
min-height: 100vh !important;
height: 100vh !important;

min-width 90vh !important;
width: 90vh !important;

}
</style>

Output:

Expectations: (edited in MS Paint)

[ankushr40215001]

Hi Bhavesh,

The code worked out for me for 100% heigh, however, doesn't look like it is suitable for defining width ratio.

Width is something you will have to adjust manually.

Try eliminating the width code and see if that works.

Regards,

Ankush

[Bhavesh_Shaha_]

But if the screen is too big, how will it looks then?

I want a percentage control for the rectangle box's width

[ankushr40215001]

Please try the below code. Looks like its working for me.

<style>

.fullHeight {

min-height: 100vh !important;

height: 100vh !important;

min-width: 90% !important;

}

</style>