I've been working lightly in html/css the last few years and this is the first time I've looked up the CSS Grid feature to get this puzzle done.
PS you have to remember to scrape all the white space and carriage returns before submitting your answer, because every extra character gets you a lower score.
Tried Grid and got 100% correct answer.
Great post!
Love the CSS battle site as well!
I've been working lightly in html/css the last few years and this is the first time I've looked up the CSS Grid feature to get this puzzle done.
PS you have to remember to scrape all the white space and carriage returns before submitting your answer, because every extra character gets you a lower score.
Tried attaching the image to this post but it's not working, here's the link:
thepracticaldev.s3.amazonaws.com/i...
Here's the code itself:
All the code is in the style tags. You leave the four div's alone.
body {
margin:50;
display:grid;
grid-template-columns:auto auto;
grid-column-gap:200px;
grid-row-gap:100px;background:#62374e;
}
div {
width:50px;
height:50px;
background:#fdc57b;
}
This is really elegant!