[Vuejs]-Match a div height on toggle of another divs height with vue.js

by

0👍

✅

You do not really need a Vue.js code to do this. Use CSS Flexbox to do this:

<style>
    .columns {
        width:300px;

        /* USE CSS FLEXBOX */
        display: flex;

        /* This stretches the flexbox children to have max-height child */
        align-items: stretch;
    }

    .left-column {
        width:200px; 
        border:solid 1px black;
    }

    .blue-right-column {
        border:solid 1px blue;
        background: blue;
    }

    .red-right-column {
        border:solid 1px red;
        background: red;
    }
</style>

Leave a comment