flex example

by gbos

HTML

<div class="parent">
    
    <div class="child">aaa</div>
    <div class="child">bbb</div>
    
    
</div>

SCSS

body,html {

    padding: 0;
    margin: 0;

}


.parent {
    display: flex;    

    .child {
        flex: 1;
        background-color: red;
        &:first-child {
            background-color: green;
            flex:2;
        }
    }
}