0

Please help me. I want to know if such a layout can be created by using flexbox but with this HTML (without wrapping child2 and child3 within another div)

<div class="parent">
    <div class="child1"></div>
    <div class="child2"></div>
    <div class="child3"></div>
</div>
  • Solution: .parent { display: flex; flex-direction: column; flex-wrap: wrap; height: 200px; width: 300px; gap: .5rem; } .child1, .child2 { width: 50%; height: 48%; flex-shrink: 0; background-color: red; } .child1 { background-color: green; height: 100%; } – Pravin Mudaliar Oct 16 '22 at 20:31

0 Answers0