title: How do I fill the width of the web part into full screen width in SPFx 1.10?
body: <p>I installed SharePoint framework SPFx 1.10 with React template, ran on <code>https://localhost:4321/temp/workbench.html</code> and tried to insert <code>&quot;supportsFullBleed&quot;: true</code> in the &quot;WebPartName.manifest.json&quot; file but it did not extends the width.</p>
  <p>Also, I commented the SCSS import library and the HTML template code:</p>
  <pre><code>import * as React from 'react';
  // import styles from './TestSpfx.module.scss';
  import { ITestSpfxProps } from './ITestSpfxProps';
  import ItemListAPI from './ItemListAPI';
  
  export default class TestSpfx extends React.Component&lt;ITestSpfxProps, {}&gt; {
    public render(): React.ReactElement&lt;ITestSpfxProps&gt; {
      return (
        &lt;div&gt;
          &lt;ItemListAPI /&gt;
        &lt;/div&gt;
        // &lt;div className={styles.testSpfx}&gt;
        //   &lt;div className={styles.container}&gt;
        //     &lt;div className={styles.row}&gt;
        //       &lt;div className={styles.column}&gt;
        //         &lt;span className={styles.title}&gt;Testing Fluent UI&lt;/span&gt;
        //         &lt;ItemListAPI /&gt;
        //         {this.props.description}
        //       &lt;/div&gt;
        //     &lt;/div&gt;
        //   &lt;/div&gt;
        // &lt;/div&gt;
      );
    }
  }
  </code></pre>
  <p>But the result was still the same. Anyone know how to fill the web part into full screen width?</p>
  <p><a href="https://i.stack.imgur.com/pqQdR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pqQdR.png" alt="enter image description here" /></a></p>