How to create auto re-sizeable divs?

We have a HTML page with content, header and sidebar like image 1. I want when I click a button or a chat window open. New window should adjust to one side (possibly right side) and content window shrinks to give space to new window refer image 2. Usually what happening now it overlaps the content window which chop the content of the page.

Hi @manpreetabhaypal, without seeing your actual markup that sounds like it could by achieved by just setting the container to display: flex in the CSS, and probably some flex-basis adjustments in the children. Should I move this topic to the HTML & CSS category?

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.