I am having trouble customizing my SharePoint site. I want to add multiple webparts side by side on my page but SharePoint doesn't have this option natively. You can only add them in the downward direction not to the left or right. I already saw a similar question like this and it mentioned adding code using SharePoint Design.

I am very new to SharePoint and I don't understand how to add this specific code. I will link the question as it is very much similar to my ordeal.

This is the same question link: How to have two web parts side by side in same zone

I am using SharePoint Online. And I know how to use spfx webparts. If there is a webpart that can accomplish this please link it.

  • Hi @Zahra, can you share more details, please? Are you using modern pages or classic pages? What kind of webparts are you trying to add side-by-side/ Sep 19, 2020 at 1:38
  • Hello, I am using SharePoint Modern pages. Trying to add images side by side. I already tried using 3 columns but the images are too big. I want at least 6 images in one row. I already tried using image gallery but I can't use it because I want the images when clicked on it redirects to a link. Can you please help me.
    – Zahra
    Sep 19, 2020 at 8:15
  • What I'm seeing is that a modern page allows max 3-column section where web-parts reside. That is, horizontally you can have 3 images. Of course you can use a custom web-part to handle your scenario. Sep 19, 2020 at 16:11
  • Yes, I added this webpart to my SharePoint site: c-sharpcorner.com/blogs/sharepoint-image-gallery but it doesn't work. I successfully added it to my site but when I add links it doesn't work. Do you know how I can customize my own webpart preferably with tutorials on how to do it.
    – Zahra
    Sep 19, 2020 at 18:08

1 Answer 1


The code snippet in the post you mentioned seems to be used to modify the page layout (in classic pages), which I’m not sure if it can be used in modern pages since customizing Master Page / Page Layouts are not supported.

I would suggest you build additional columns in a web part section (also the second answer in the post) and then insert images within the cells.

Here is a related reference, see if it helps: SPFx WebParts responsive to Modern Page sections.

Your Answer

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

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