Let’s implement a fairly classic HTML layout that consist of a header, main content and footer. Hopefully this sparks further interest in modern layouts, and if it does, I can’t recommend Rachel Andrew’s book The New CSS Layout strongly enough: it covers both of the major modern layout techniques, grid and flexbox. With a little adjustment in our thinking, we can pull off headers and footers that behave like they are fixed, or have that “sticky” treatment (not position: sticky, but the kind of footer that hugs the bottom of the screen even if there isn’t enough content to push it there, and is pushed away with more content). One area where it shines is dealing with headers and footers. Like anything, there’s a bit of a learning curve, but Grid is honestly fun to work with once you get the hang of it. CSS Grid is a collection of properties designed to make layout easier than it’s ever been.
0 kommentar(er)
