はてなブログのサイドバーを横に表示する part2

前回の記事で、うまくいかなかったので、その2

gridを使った書き方

#content-inner {
  display: grid;
  grid-template-columns: 800px 1fr;
}

でok

ただ、IE（とEdge）に対応させるためには以下のように修正しなければならなかった

#content-inner {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 800px 1fr;
  -ms-grid-columns: 800px 1fr;
}
#wrapper {
  -ms-grid-column: 1;
}
#box2 {
  -ms-grid-column: 2;
}

悲しいなあ

参考サイト

• CSS GridをIE11、EDGEに対応させるために注意する点 東京新宿のホームページ制作会社イッティ
• IE11 で CSS Grid を使うのが大変だった - Corredor