Grid Challenge
Explore how to use CSS grid properties to position and span elements in a two-row, three-column layout featuring zombie characters. Learn to style grid items without altering HTML structure, honing skills in grid-template, alignment, and responsive design.
We'll cover the following...
Challenge
Use grid properties to style the zombies’ positions and placement. The basic set of styling has been done for your ease.
The grid should consist of two rows and three columns with a total of four child elements. The first zombie Major Thomas J. McGillicutty should be on the left side of the first grid element. The second zombie Wayne J. Bebop should be on the right side of the second grid element. The third zombie Sterling K. Stealth should be on the bottom of the third grid element and this element should span vertically till the end of the ...