.content-grid { grid-area: 3 / 1 / 4 / 4; display: grid; grid-template-columns: 40% 60%; grid-template-rows: 1fr 9.5em; grid-column-gap: 0px; grid-row-gap: 0px; } .content-left { grid-area: 1 / 1 / 2 / 2; background-image: url(../img/prom/BlessFREY_logo.png); background-size: 20em; background-repeat: no-repeat; background-position: center; } .content-right { grid-area: 1 / 2 / 3 / 3; background-image: url(../img/prom/runebless.png); background-size: contain; background-repeat: no-repeat; background-position: left; } .latest { background-color: #C0AAC0; } .latest-title { position: absolute; width: 20em; background-color: #C0AAC0; text-align: center; } .latest-centered { text-align: center; background-color: #C0AAC0; } .latest-grid { word-break: break-word; width: 20em; grid-area: 2 / 1 / 3 / 2; overflow-y: scroll; color: black; background-color: #C0AAC0; margin-left: auto; margin-right: auto; } .latest-grid ul { margin-top: 1.5em; }