Welcome to the final part of our Ghost theme design tutorial series! In the previous two parts of this series we worked on the first half of styling our theme and laid the groundwork for responsive behavior. This fifth and final part finalizes our styling and completes the task of making our theme fully responsive. By the end of this part, your theme’s design and development will be fully complete. Aesthetic Styling There are no hard and fast rules for this part of the process, except perhaps for one: everything you add to your theme should have flexible dimensions to ensure scalability and in turn responsiveness. Always consider how any addition you make will have the ability to stretch and shrink to suit any possible viewport or content size. In place of fixed width background images, use CSS3 techniques and tiling images. And in place of px values, you should ideally use em , rem and % values.
↧