1. morishitter

    No comment

    morishitter
Changes in body
Source | HTML | Preview
@@ -72,11 +72,11 @@
![image.png](https://qiita-image-store.s3.amazonaws.com/0/6598/469cd293-bf7c-546b-5043-5d7de08d6ef8.png)
この条件の元、上記の画像のようなレイアウトをするために CSS Grid を利用します。
-```scss
+```css
.container {
display: grid;
grid-template-column:
$left-sidebar-width
calc(100% - $left-sidebar-width - $right-sidebar-width)
@@ -86,11 +86,11 @@
```
container をグリッドコンテナとして、2行3列のグリッドを定義します。そして、子要素のグリッドアイテムをトラックに配置していきます。
-```scss
+```css
.stickyMenu {
position: sticky;
top: 0;
grid-column: 1 / 2;