CSS Grid Layout promises to eliminate presentational classnames like 'col-md-6' and 'row' from HTML markup by letting CSS handle layout entirely. However, this shift raises a practical naming challenge: how do developers meaningfully name page areas when those areas no longer have presentational class names to describe their grid structure? The post explores two schools of thought — treating the grid as a separate system (where presentational classnames are acceptable) versus deriving grid definitions from semantically named components.
Table of contents
‘Just CSS’ vs classnames for lay-out #heading-1Naming page areas #heading-2Conclusion #heading-325 Impressions