Modern CSS Layout: Decking Zombies with Style

Description

In this course, you will learn :

• Advanced and modern CSS using zombies, silliness, and a sense of humour in this course.
• You will begin by learning some fundamental concepts of inline and block direction, as well as how to use them to style direction-agnostic layouts.
• Learn CSS columns, flexbox, and finally grid.
• You will be faced with a challenge that will put your knowledge to the test.

Syllabus :

1. Zombie Inline Block Heads

• Introduction to Block and Inline Properties
• Zombie Width and Height
• Padding and Margin Properties
• Border Property

 

2. Dividing the Horde (into Columns)

• Column Properties
• Orphans and Widows Properties
• Break Properties
• Columns Challenge

 

3. Weird Flexbox, but Okay, Zombie

• justify-content, align-items, and align-content Properties
• order and align-self Properties
• flex-grow, flex-shrink, flex-basis, and flex Properties
• Flexbox Challenge

 

4. CSS Gridiron Zombies

• Introduction to Grid Properties
• Placing Content in Your Post-Apocalyptic Grid
• Grid Challenge

Show more