1. morishitter

    No comment

    morishitter
Changes in body
Source | HTML | Preview
@@ -77,11 +77,11 @@
```css
.container {
display: grid;
grid-template-column:
$left-sidebar-width
- calc(100% - $left-sidebar-width - $right-sidebar-width)
+ 1fr
$right-sidebar-width;
grid-template-rows: minmax(300px, auto) 1fr;
}
```
@@ -115,6 +115,6 @@
grid-row: 2 / 3;
}
```
-といった実装になっています。CSS のモダンなレイアウトをする際の参考になれば幸いです。
+といった実装になっています。CSS Grid は浅い DOM 構造で無茶ができるので、 `position: sticky` などと相性が良いですね。CSS のモダンなレイアウトをする際の参考になれば幸いです。