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 column properties to style the given text. The colors being used are:
* red (for the text and border)
* blue (for the text)
* #999 (for the vertical line between columns)

The columns you create should be responsive with respect to window resize. Your output should look and behave like this when you change your browser windows' size.


# Challenge
Use column properties to style the given text. The colors being used are:
* red (for the text and border)
* blue (for the text)
* #999 (for the vertical line between columns)

The columns you create should be responsive with respect to window resize. Your output should look and behave like this when you change your browser windows' size.


Evaluate yourself by solving the challenge given below.


Columns challenge 

Evaluate yourself by solving the challenge given below.

Before We Begin

Zombie Inline Block Heads

Dividing the Horde (into Columns)

Weird Flexbox, but Okay, Zombie

CSS Gridiron Zombies

Conclusion

Columns Challenge

Challenge