The Masonry widget displays your reviews in a Pinterest-style staggered grid, arranging review cards in columns of varying heights so that more reviews are visible at once without uniform row gaps. Because this layout depends heavily on column count and card sizing, it can look quite different on a wide desktop screen versus a narrow mobile screen.
Feedspace includes Desktop and Phone preview toggles directly inside the Masonry widget editor. Before you copy the embed code and place it on your website, you can use the Desktop preview to confirm the Masonry grid fills its space well across multiple columns, then switch to the Phone preview to verify that those columns collapse into a single readable column on mobile. Catching layout issues at this stage saves you from discovering problems after the widget is already live.
Log in to your Feedspace account. In the left navigation, go to Widgets. Find the Masonry widget you want to preview and click on it to open the widget editor. If you have not created a Masonry widget yet, click Create Widget, choose the Masonry layout, and complete the initial setup before continuing.
Inside the Masonry widget editor, look for the preview area on the right side of the screen. At the top of the preview panel you will see two toggle icons: a Desktop icon and a Phone icon. These let you switch the preview viewport between a wide desktop view and a narrow mobile view without leaving the editor.
The Desktop preview is active by default. In this view, the Masonry widget renders its full staggered grid across multiple columns, just as it would appear on a laptop or desktop browser. Check the following:
If the grid looks too sparse or too crowded, go to the design or layout settings in the editor and adjust the column count or card spacing, then check the preview again.
Click the Phone toggle icon at the top of the preview panel. The preview area will resize to simulate a mobile screen width. On smaller screens, the Masonry widget collapses the multi-column staggered grid into a single column so that each review card occupies the full width and readers can scroll through them vertically.
Verify the following in the Phone preview:
If the Phone preview reveals any issues, such as text that is too small or cards that feel cramped, use the widget design settings to make adjustments. You can toggle back and forth between Desktop and Phone at any point to compare both views side by side as you refine the settings. Once both previews look correct, click Save to store your changes.
After saving, click the Embed or Get Code button in the widget editor to retrieve the embed snippet. Paste the snippet into your website or landing page. Because you have already confirmed the layout on both Desktop and Phone previews, the Masonry widget should render correctly for visitors on any device.
Overview The Masonry widget in Feedspace arranges your reviews in an elegant grid layout of varying card sizes, similar to Pinterest-style walls. It’s perfect for showcasing multiple reviews together while maintaining a modern, responsive design that automatically adjusts across devices. How to Access Step 1 – Log in to Feedspace...
Overview Before embedding a widget on your website, it is a good idea to preview how it looks to visitors. Feedspace lets you open a live public preview of any widget directly from the widget editor, so you can verify the design, review layout, and overall appearance before going live....
Overview Feedspace widgets come with a powerful Design tab that lets you tailor every visual aspect of your widget. From card colors and fonts to dark mode and call-to-action buttons, you can fully customize the look to match your website’s brand without writing any code. How to Customize the Widget...