Let's Build: A Consultancy Website - Part 16

In part 16 I optimize our theme for development. Kirby comes with a starter kit preinstalled to show you functionality which I really like.

Laying the Foundation

In this video, I create new pages and delete some code we simply won't use. On top of doing that I get going with some basic Sass to establish a grid inside the design.

My favorite grid to use right now is from flexboxgrid.com. It takes cues from Bootstrap but is built using flexbox. I typically include it in my project but later customize a few things such as my overall container width on a website as well as padding and margin on both mobile and desktop views.

Download the Source Code for this Project

Source Code

The Series So Far

• Part 1
• Part 2
• Part 3
• Part 4
• Part 5
• Part 6
• Part 7
• Part 8
• Part 9
• Part 10
• Part 11
• Part 12
• Part 13
• Part 14
• Part 15