I'm a Christian, a designer, and a gadget fan who lives in Cheltenham, UK.

This is my blog, a creative outlet to mess around and play with as well as a place that logs my thoughts and inspirations.

The more I use CSS Grid the more I wish for the abil­i­ty to set a base­line in my CSS. It seems like a log­i­cal addi­tion since the two are so inter­twined in the print world.

3 responses

  1. @philbowell would some­thing like this not work?
    css
    * { font-size:16px; line-height: 18px; }
    h1 {font-size:48px; line-height: 54px;}
    h2 {font-size:30px; line-height: 36px; }
    h3 {font-size:24px; line-height: 36px; }
    h4 {font-size:21px; line-height: 36px; }
    h5 {font-size:18px; }
    h6 {font-size:16px; }

  2. @eli no wor­ries, I guess if it was pure­ly text it would work. The issue would be when you start adding visu­al ele­ments like bor­ders that would break.
    The dream would be to set a page base­line, then set­ting items to align to it and being able to set bottom/top mar­gin or padding as 2 base­lines so every­thing main­tains the ver­ti­cal rhythm and does­n’t get pushed out by the width of the bor­der as items descend down the page. If that makes sense.

Comments are closed.