Best web part or appraoch to show 5 images beside each other with links below them

john john Pter 545 Reputation points
2025-02-21T02:06:45.79+00:00

We need to add a section inside our communication site home page, as follow which shows 5 images and links below them :-

Screenshot 2025-02-21 045923

which will have responsive effect, so less images will be shown when the screen size get reduced. so i am not sure which web part i need to use to achieve this design ? I hope there is a built-in one. Thanks

SharePoint Development
SharePoint Development
SharePoint: A group of Microsoft Products and technologies used for sharing and managing content, knowledge, and applications.Development: The process of researching, productizing, and refining new or existing technologies.
3,324 questions
0 comments No comments
{count} votes

1 answer

Sort by: Most helpful
  1. Xyza Xue_MSFT 28,626 Reputation points Microsoft Vendor
    2025-02-21T09:10:21.0866667+00:00

    Hi @john john Pter ,

    Thank you for posting in this community.

    To display images side by side with links below them on your SharePoint communication site, you can utilize the Quick Links web part. This built-in web part allows you to create a responsive layout where images and their corresponding links adjust based on the screen size. But during my testing, it could only display up to four images side by side.

    Here's how to set it up:

    1.Add the Quick Links Web Part:

    2.In the web part settings, choose the Grid layout. You can customize the images and corresponding links to suit your needs.

    User's image


    If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

    Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

    0 comments No comments

Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.