I've hit a roadblock on level 63 of Coding Fantasy: Grid Attack and I can't seem to figure it out after hours of trying. The game doesn't offer any solutions, and there's no way to skip the level. Can anyone help me with the solution please? 😢
The challenge is to fit the red land into the red border in the image provided below.
HTML
<div id="field">
<div class="greenLand"></div>
<div class="redLand"></div>
<div class="greenLand"></div>
<div class="redLand"></div>
</div>
CSS
#field {
display: grid;
gap:15px;
grid-template: 1fr 1fr / 200px 1fr;
}
.redLand {
}