
// Measure the demo container dimensions
const container = document.getElementById('measuredContainer');
const display = document.getElementById('dimensionsDisplay');

function updateDimensions() {
    const width = container.clientWidth;
    const height = container.clientHeight;
    display.textContent = `Demo Container Dimensions: ${width}px wide / ${height}px tall`;
}

// Update dimensions on page load
updateDimensions();

// Update dimensions on window resize
window.addEventListener('resize', updateDimensions);
