During a lecture it was brought to my attention that the metrics of my website were a bit off balance when you consider the golden ratio. This is a standard ratio that proportionally distributes the width of the browser between the left and the right, giving you a visually perfect and proportionally accurate sidebar.

I worked out the pixel ratio for my width, and then translated this into percentage values so that my website would remain responsive.

golden ratio calc

The golden ratio has given me more space on the left, and because the sliders i’ve been looking at have been primarily landscape, it fits a lot better.

golden ratio

Advertisements