Currently, I am attempting to dynamically set the height of div#container so that it adjusts based on its relative positioning and the absolute positioning of inner divs. Essentially, I want the inner divs to be centered within the container.
<div id="header">Header</div>
<div id="container">
<div class="items" id="item1">Item 1</div>
<div class="items" id="item2">Item 2</div>
<div class="items" id="item3">Item 3</div>
<div class="items" id="item4">Item 4</div>
<div class="items" id="item5">Item 5</div>
<div class="items" id="item6">Item 6</div>
</div>If possible, please refer to the demo below for a visual reference and provide guidance on achieving a design similar to the one depicted in the image linked below:
Demo: View Demo Here