Skip to main content

How can I choose the best layout in the Job Board widget (Grid, List, or Masonry)?

Written by Karan Bhakuni

Learn how to switch layout modes and adjust columns, spacing, and width so your jobs look clean on different page sections.

Body:
How can I choose the best layout in the Job Board widget (Grid, List, or Masonry)?

Use the layout controls in the Templates tab to control how many jobs appear per row and how much space each card gets.

  1. Open your Job Board widget in the editor.

  2. Go to Templates.

  3. Expand Layout Configuration.

  4. Choose one mode:

    • Grid for balanced multi-column cards

    • List for one-card-per-row readability

    • Masonry for a more dynamic card arrangement

  5. If you choose Grid or Masonry, adjust:

    • Columns to control cards per row

    • Gap to control spacing between cards

  6. Adjust Max Width to make the board narrower or wider inside your page section.

  7. Check the preview and fine-tune until the cards feel easy to scan.

Use this setting when your widget looks crowded, too stretched, or not aligned with your page content width.

Check this if the result does not look right:

  • If cards feel cramped, reduce Columns or increase Gap.

  • If the board looks too wide, lower Max Width.

  • If scanning is hard, switch from Masonry to List.


Did this answer your question?