SharePoint: Make 3-Column Flexible

Key insights

• Flexible Section: A SharePoint section type that lets authors position, resize, and arrange web parts freely instead of using fixed columns. It enables more modern and dynamic page layouts.
  
• One-click conversion: You can convert a standard section to a Flexible Section from the section properties pane in one action. The conversion is non-destructive and keeps your existing column structure and web part arrangement.
  
• Preserves layout: Conversion retains 1-, 2-, and 3-column structures, common splits like 1/3–2/3, and the stacking order of web parts, so you don’t need to rebuild or move content.
  
• Simple steps: Open the page in Edit mode → select the 3-column section → open Edit properties → choose “Convert to Flexible Section” → confirm. The page then stays editable with Flexible Section controls.
  
• No admin action required: Authors can perform the conversion without tenant admin changes. If the option isn’t visible, check your tenant’s feature rollout or page editing permissions.
  
• Practical tips: Test conversion on a copy of the page, use Flexible Sections for hero areas and dashboards, preview changes before publishing, and resize web parts to emphasize key content.
  

Video Overview

The YouTube video by Ami Diamond [MVP] explains a quick way to change a standard 3-column layout into a Flexible Section on SharePoint pages. In clear steps, Ami demonstrates that authors no longer need to rebuild sections or move web parts to gain layout flexibility. He emphasizes that the conversion is non-destructive and that existing content, including column structure and web part order, remains intact. Consequently, the process can save time and reduce the risk of layout errors when updating pages.

The Conversion Demonstration

During the video, Ami opens a SharePoint page in edit mode and selects an existing three-column section to convert. Then he shows the section property pane, chooses the option to convert to a Flexible Section, and confirms the change while the page keeps its web part placements. As a result, authors immediately gain tools to resize web parts, adjust widths, and create more dynamic layouts without moving content manually. The demonstration also highlights visual cues that make the new flexible grid easier to use and more predictable.

How the Change Works

In practical terms, the conversion preserves common column arrangements such as 1-, 2-, and 3-column structures and split ratios like 1/3–2/3. Ami points out that the conversion is available directly from the section properties, which simplifies the workflow for content creators and avoids extra admin steps. Because the conversion keeps stacking order and placement, it reduces the chance of breaking page layouts, thereby lowering the cost of redesign. Thus, authors can explore new layouts more confidently and faster than before.

• Open the page in Edit mode and select the target 3-column section.
• Open the section’s property pane and choose the option to convert to Flexible Section.
• Confirm the conversion and then resize or reposition web parts as needed.

Those steps reflect the straightforward sequence Ami highlights, and they work for most standard web parts and layouts. However, he notes that some custom web parts or heavily customized pages may require additional checks after conversion. Therefore, testing the page on different device sizes and user roles remains important to validate visual behavior. In short, the conversion is easy but not entirely skip-proof for bespoke customizations.

Benefits and Tradeoffs

The main benefit of converting to a Flexible Section is speed: you keep your existing content and gain modern layout controls without re-creating the section. Moreover, the flexible grid helps authors highlight important content by enlarging web parts or creating hero areas, which supports better landing pages and dashboards. On the other hand, increased flexibility introduces tradeoffs because it can make responsive behavior less predictable if authors do not test carefully across screen sizes. Thus, while the feature reduces manual work, it raises the need for a brief validation step to ensure the design behaves well on mobile devices.

Another tradeoff involves governance and consistency across a large intranet. When many authors start resizing and reflowing content freely, sites can drift from a consistent design language and visual hierarchy. Therefore, organizations should balance empowerment with guidance by providing templates, best-practice notes, or authoring standards. Consequently, administrators will need to decide whether to encourage broad use or limit flexible edits to trained editors to keep the intranet cohesive.

Practical Considerations and Challenges

Ami also flags a few practical issues that teams should consider before widespread adoption. First, tenant rollout status can vary, and not every Microsoft 365 tenant will receive the feature at the same time, so authors should verify availability before planning large migrations. Second, custom or third-party web parts may not react ideally to new width settings, which means teams should test those components and plan fixes if required. Finally, the conversion is non-destructive for standard layouts, but teams should keep version history and a quick backup copy of pages before making mass changes, just in case.

Conclusion

Overall, Ami Diamond’s video demonstrates a meaningful improvement to page authoring on SharePoint by showing how to convert a standard 3-column section into a Flexible Section with minimal risk. While the change streamlines layout updates and reduces rebuild time, it also brings tradeoffs around responsive testing and governance that teams must manage. Therefore, organizations should adopt the feature with clear guidance and testing routines so they can enjoy the benefits without compromising design consistency or user experience. In this way, authors can modernize pages efficiently while keeping control over quality.

Keywords

SharePoint flexible section, Convert 3-column SharePoint section, SharePoint Online responsive columns, Modern SharePoint section layout, Convert SharePoint three-column to flexible, SharePoint section customization, Make SharePoint sections responsive, SPFx custom section layout