Grid Challenge
Explore the use of CSS grid properties to position and style four zombie elements within a reflowing two-row, three-column grid. Learn to span grid items both horizontally and vertically, and align content with grid properties. By completing this challenge, you will enhance your practical skills in CSS grid layout 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 ...