Problem with equal height of columns in Display Suite I`ve got Fluid two column stacked layout in Display Suite. There is responsive picture in the first column, the second column contain some rendered fields. Below that columns is long text. My problem is with right column. I need to make the height of that column equal to height of the picture on left side. How to achieve that? Is there possibility to add some scrollbar in the right column? Anybody had the similiar situation? Some simple solution without coding or only small snippet ;) Maybe I need to add some view in the right column
Create your own layout for display suite and use CSS.

Add the folder 'ds_layouts' to you theme folder root.
Under that folder ad another folder: two_col_fluid_stacked_fixed_height

Ie Must look like this: YOURTHEMEFOLDER -> ds_layouts -> two_col_fluid_stacked_fixed_height

Add the following files to two_col_fluid_stacked_fixed_height folder:

two_col_fluid_stacked_fixed_height.inc

&lt;?php
function ds_two_col_fluid_stacked_fixed_height() {
    return array(
        'label' =&gt; t('two col stacked fluid fixed height'),
        'regions' =&gt; array(
            'header' =&gt; t('Header'),
            'left' =&gt; t('Left'),
            'right' =&gt; t('Right'),
            'footer' =&gt; t('Footer'),
        ),
        'css' =&gt; TRUE,
    );
}


two-col-fluid-stacked-fixed-height.tpl.php

&lt;&lt;?php print $layout_wrapper; print $layout_attributes; ?&gt; class="&lt;?php print $classes;?&gt; ds-2col-stacked-fluid-fixed-height clearfix"&gt;
  &lt;!-- Needed to activate contextual links --&gt;
  &lt;?php if (isset($title_suffix['contextual_links'])): ?&gt;
    &lt;?php print render($title_suffix['contextual_links']); ?&gt;
  &lt;?php endif; ?&gt;

    &lt;&lt;?php print $header_wrapper; ?&gt; class="group-header&lt;?php print $header_classes; ?&gt;"&gt;
      &lt;?php print $header; ?&gt;
    &lt;/&lt;?php print $header_wrapper; ?&gt;&gt;

    &lt;div class="center-wrapper"&gt;

    &lt;&lt;?php print $left_wrapper; ?&gt; class="group-left&lt;?php print $left_classes; ?&gt;"&gt;
      &lt;?php print $left; ?&gt;
    &lt;/&lt;?php print $left_wrapper; ?&gt;&gt;

    &lt;&lt;?php print $right_wrapper; ?&gt; class="group-right&lt;?php print $right_classes; ?&gt;"&gt;
      &lt;?php print $right; ?&gt;
    &lt;/&lt;?php print $right_wrapper; ?&gt;&gt;
    &lt;/div&gt;

    &lt;&lt;?php print $footer_wrapper; ?&gt; class="group-footer&lt;?php print $footer_classes; ?&gt;"&gt;
      &lt;?php print $footer; ?&gt;
    &lt;/&lt;?php print $footer_wrapper; ?&gt;&gt;

&lt;/&lt;?php print $layout_wrapper ?&gt;&gt;

&lt;!-- Needed to activate display suite support on forms --&gt;
&lt;?php if (!empty($drupal_render_children)): ?&gt;
  &lt;?php print $drupal_render_children ?&gt;
&lt;?php endif; ?&gt;


two_col_fluid_stacked_fixed_height.css

.ds-2col-stacked-fluid-fixed-height &gt; .group-header {
}

.ds-2col-stacked-fluid-fixed-height .center-wrapper &gt; .group-left {
    float: left; /* LTR */
    width: 50%;
}

.ds-2col-stacked-fluid-fixed-height .center-wrapper &gt; .group-right {
    width: 50%;
    height:99999px;
    position:absolute;
    right:0;
}

.ds-2col-stacked-fluid-fixed-height .center-wrapper {
    overflow:hidden;
    position:relative;
}

.ds-2col-stacked-fluid-fixed-height.group-one-column &gt; .group-left,
.ds-2col-stacked-fluid-fixed-height.group-one-column &gt; .group-right {
    width: 100%;
    float: none;
}

.ds-2col-stacked-fluid-fixed-height &gt; .group-footer {
    clear: both;
}

/*delete this*/
.group-left {
    background:yellow;
}
.group-right {
    background:red;
}


Clear you cache and use this layout in display suite. Tweak CSS to your liking.