Lessons:12Length:1.2 hours
• Overview
• Transcript

3.1 Ratio-Based Sizing

One of the most reliable ways to achieve visually pleasing layouts is to use ratios that have been identified as mathematically harmonious, such as the golden ratio. However, due to the unusual numbers this often involves, it can be a tricky process.

That’s not the case anymore though, because postcss-ant’s built-in ratio() function makes it possible to create ratio-based layouts in seconds. Learn how in this lesson!