Inquiry on Achieving Full Width and Width Constraints after Reaching Specific Size

(1) Share

Report

Posted on by SD-12092012-0

Hi!

I am using the CustomerVoice form on our website, but it doesn't fit properly on larger screens. It seems to be optimized only for smaller screens.

I'm encountering an issue where an element does not expand beyond a certain width, even when there’s additional space available.

Here’s the relevant part of image and my code:

<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!