Let’s Build: A Consultancy Website—Part 16

Optimizing The Kirby Theme and Layout

Originally published at web-crunch.com on July 18, 2017.

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

Give the channel a subscribe for automatic updates 😘

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


Originally published at web-crunch.com on July 18, 2017.