Gain insights into advanced and modern CSS concepts with a humorous twist. Explore direction-agnostic layouts, columns, flexbox, and grid, with engaging challenges at each stage.

Modern CSS Layout Decking Zombies with Style.png

In this course, you will learn advanced and modern CSS using zombies, silliness, and a sense of humor. If you’re looking for a course that’s accessible to those without technical training or inclination and/or don’t mind laughing a bit while learning, this course is for you.

You will start by learning some basic concepts of inline and block direction along with how they are used to style direction-agnostic layouts. Then, you will move towards learning CSS columns, followed by flexbox and finally grid. You will face a challenge at the end of each chapter that will test your learning.

Modern CSS Layout: Decking Zombies with Style

# Challenge
Use flexbox properties to style the zombies' positions and placement. The basic set of styling including the colors and borders has been done for your ease. 

In your output, the first and last image should grow and shrink in response to window resize twice as much as the second and third. Your output should look and behave like this: 



>__Note:__ You cannot alter the HTML `li` sequence to change zombie positions. Use CSS to do so. However, you can add as many classes to the HTML elements as you want. 

Evaluate yourself by solving the following challenge.

Before We Begin

Zombie Inline Block Heads

Dividing the Horde (into Columns)

Weird Flexbox, but Okay, Zombie

CSS Gridiron Zombies

Conclusion

Flexbox Challenge

Challenge