Thanks for your help. I will look into the links you provided - tutorials and Sensode.

I found an old message on the same section resizing in this forum at:

https://forum.openelement.com/en/forum_posts.asp?TID=576&title=responsive01-templateresizing-sections

I copy it here for convenience:

==========

To workaround this issue, you can disable this auto-resizing for any given Section by

1) adding an additional Custom Class in Properties, e.g. "noheight" (separate it by space from existing classes, you shoudl get for example "responsiveSection textShadowIE noheight"),

2) then adding a Code Block (Source) type CSS position Header with the code that corresponds to the class name:

.noheight .respSectContent {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

==========

I tried the above steps and not sure I followed them correctly and this is what I did:

1). Click on Section02 and change Properties/Custom Classes from responsiveSection to responsiveSection noheight

2). Click on Source Code to open the bottom code editor

3). Click on the + sign next to Code Block (Visual) to open the New Code Block window

4). Fill in Name=responsiveSection noheight / Type=CSS / Position=Header (and OK it)

5). New blank editing window open under responsiveSection noheight, copy and paste your lines of code above (2)

6). Close the Source Code pane, Refresh Page and Preview

The height of the section actually reduces in Preview but it adds a vertical scroll bar to the right side. I adjusted the height in Properties to different values but the scroll bar still remains. I guess the code above is for the display only but the actual height is still the same as before (like 'hardcoded?').