It is not hard to create complex layouts. The wrapper or container is probably the most common design pattern around — by using grid lines it is now possible to create complex layout systems with minimal and accessible markup. You do not even need a framework anymore for this. If you let grid do its job, you have less headaches and a lot faster development time!
11/13/2024 - 15:30
display:grid FTW! How to use grid for containers, wrappers and breakouts
Learning objectives
How to effectively use display:grid for adaptive layoutsLevel
BasicPrior knowledge
HTML & CSS - display:grid
Markus Timtner is a freelance IT consultant who realizes increasingly complex information systems since 1994. He lives with his wife and his sons in Bad Homburg near Frankfurt where he enjoys reading, cooking, developing and playing videogames while trying to stay fit. Among other things, he is writing source code for over two decades, to help people crossing the chasm between carbon and silicon.