I am trying to make three column page layout and I want middle column to be bigger than other two. How it is possible.

Do we have to add anything into spfx web part or is there other way !!

  • Any help will be apreciated
    – Milind
    Dec 26, 2019 at 5:34

1 Answer 1


According to my research, there is currently no OOTB method to modify the height and width of the column.

Here's a user voice that's been proposed:

Allow changing the width of columns when adding sections to a Modern Page

If you are in desperate need of this requirement, you can write custom CSS in modern pages, which is not a good suggestion.


Please note: Microsoft provides third-party contact information to help you find technical support. This contact information may change without notice. Microsoft does not guarantee the accuracy of this third-party contact information.

  • Thank you for the reply, Still I am not convince with the approach because my all web parts are in React. and it should be in provision spfx to handle it.
    – Milind
    Dec 26, 2019 at 9:40
  • You can view the information on the user voice page, and once this feature is up-to-date, SharePoint User Voice Admin will reply below. In addition, you can also vote this UserVoice and keep monitoring it. The high votes may let the related team pay more attention to this.Thank you for your understanding. Dec 30, 2019 at 2:51

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.