Сегодня я изучил основы компоновки сетки и заставил ее работать, но не могу понять, почему это не работает.
В настоящее время я не могу понять, почему.Любая помощь будет высоко ценится.вот мой HTML код:
<div id="PromiseImpactArea">
<span id="promiseTitle">Our Promise:</span>
<div id="promiseArea">{{currentCharity.promise}}</div>
#promiseImpactArea{
display:grid;
grid-template-rows: [row1-start] 40px;
grid-template-columns: 1fr 1fr 1fr 1fr;
justify-items: center;
grid-template-areas:
"promiseTitle promiseTitle promiseArea promiseArea";
}
#promiseTitle {
border: solid 2px red;
grid-area: promiseTitle;
justify-self: center;
align-self: center;
font-size: 20px;
font-weight: bold;
}
#promiseArea {
grid-area: promiseArea;
background-color: white;
border: 2px solid tomato;
}