13b created my own solution {what other ways did other beginners try?} ☻}

[Sassy-design]

<style> .flexbox2{ display: flex; height: 50px; } .column3{ background-color: pink; width: 100px; display: flex; } .nested-flexbox{ display: flex; flex-direction: row; } .blu{ background-color: lightblue; width: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; } .row2{ background-color: black; color: white; width: 35px; } .nested-flexbox1{ background-color: lightblue; width: 100px; display: flex; flex-direction: column; align-items: end; justify-content: center; } .roww2{ background-color: black; color: white; width: 35px; margin-top: 15px; } <style>

    <div class="flexbox2">
        <div class="column3">
            <div></div>
        </div>

        <div class="nested-flexbox">
            <div class="blu">
                <div class="row1">row1</div>
                <div class="row2">row2</div>
            </div>
        </div>

        <div class="nested-flexbox1">
            <div class="roww2">row2</div>
        </div>
    </div>