Jerry Low
1 min readMar 29, 2017

--

Definitely subjective, the first one doesn’t look bad but the second example is far from a mess in my opinion. There are more layers of rules for logical grouping beyond just grouping them — which includes ordering them (if chooses to) within the groups. I shouldn’t complain because I thrive on rules and order, but alphabetically does pose a simpler read and write.

Speaking from experience, grouping width and height isn’t necessary for me. With flexible grids and/or responsive development etc. I find I’m either 1. not modifying width as often, or 2. when I do it has nothing to do with height, vice versa. This could go deeper especially with different techniques of defining width/height with positions/paddings/flex-box. There was also the question of conflicting properties such as height vs min-height that another response mentioned but I’ll cover that one there.

Btw, hit me up with the linter you’re speaking of. Would love to check it out and see its groupings.

--

--

Jerry Low
Jerry Low

Written by Jerry Low

Front-end engineer by day, front-end designer by night and Batman all of the time at Findem #vancouver.

Responses (1)