"This element is fitting to its content. To change this, change its alignment"

[stephane_hildbrand]

Many times I’ve seen that alert without really understanding WHY I was seeing this.

Today is the day I decide to take a few minutes to ask the community about this. Why I am seeing this? Why can’t I control this height property?

For an easier read, lets summup “This element is fitting to its content. To change this, change its alignment” with “TEIFC”

The relevant portion of my tree is

Page (layout Column)
–Footer (layout Row - centered - fit Height to content - Min 280px / Max infinite)
----Width limiter (layout Row - centered - “TEIFC”)
------Text (Width 100% - “TEIFC”)

What is this?

Thank you

[boston85719]

Rows versus Columns…test it out with simple tests, put a column group and then a row group and add elements and notice the difference.

[sudsy]

As @boston85719 says, that’s the nature of the behavior for elements inside row containers; and as the message says, you can change that by changing the Vertical alignment setting to the last option, which will make the group stretch vertically instead.

[stephane_hildbrand]

Thanks guys, responsive engine