<div className="mx-auto">
<div
id="surveyDiv"
style={{
height: "70vh",
width: "100%", // This is supposed to be responsive
maxWidth: "800px", // However, it stops expanding after reaching 800px
marginLeft: "auto",
marginRight: "auto",
}}
>
{/* Survey will render here */}
</div>
</div>
In this setup, the #surveyDiv
does not grow wider than 800px, even though width
is set to 100%
. I expect it to expand beyond that, but it remains constrained.
Thank you for your assistance!