Skip to main content

Notifications

Customer experience | Sales, Customer Insights,...
Unanswered

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

(1) ShareShare
ReportReport
Posted on by 5
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!

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Announcing Category Subscriptions!

Quick Links

December Spotlight Star - Muhammad Affan

Congratulations to a top community star!

Top 10 leaders for November!

Congratulations to our November super stars!

Tips for Writing Effective Verified Answers

Best practices for providing successful forum answers ✍️

Leaderboard

#1
André Arnaud de Calavon Profile Picture

André Arnaud de Cal... 291,359 Super User 2024 Season 2

#2
Martin Dráb Profile Picture

Martin Dráb 230,370 Most Valuable Professional

#3
nmaenpaa Profile Picture

nmaenpaa 101,156

Leaderboard

Featured topics

Product updates

Dynamics 365 release plans