How to build a project grid

Опубликовано: 17 Февраль 2026
на канале: Kirby CMS
10,986
116

After the first basics, we are finally building our first custom template for Kirby CMS. Learn how to create a nice project grid for your portfolio or agency website with just a few lines of PHP, HTML and CSS.

🕓 In this video:
00:00 Recap
00:24 Create projects template
01:43 Projects grid
05:10 Use project image as cover
10:15 Resize images
13:55 Add styling
15:44 Next steps

----------

💡 Get to know Kirby CMS

► Official guide and docs: https://getkirby.com/docs
► Try it out: https://getkirby.com/try
► Ideas? Share them: https://feedback.getkirby.com
► Support? Reach out: https://forum.getkirby.com


🚀 Connect with us and others

► Discord: https://chat.getkirby.com
► Mastodon: https://mastodon.social/@getkirby
► LinkedIn:   / getkirby  
► Bluesky: https://bsky.app/profile/getkirby.com