4
Поблагодарили бы за любую помощь, пытающуюся заставить css3/html grid layout работать. Я пробовал приведенный ниже код в IE, chrome и Edge и не могу заставить его работать. Возможно, я кое-что упустил.HTML5 Css3 Разметка сетки не работает, даже когда я копирую пример из w3.org
#grid {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr auto;
}
#title {
grid-column: 1;
grid-row: 1;
}
#score {
grid-column: 1;
grid-row: 3;
}
#stats {
grid-column: 1;
grid-row: 2;
align-self: start;
}
#board {
grid-column: 2;
grid-row: 1/span 2;
}
#controls {
grid-column: 2;
grid-row: 3;
justify-self: center;
}<div id="grid">
<div id="title">Game Title</div>
<div id="score">Score</div>
<div id="stats">Stats</div>
<div id="board">Board</div>
<div id="controls">Controls</div>
</div>