Modern CSS Layout: Decking Zombies with Style

Modern CSS Layout: Decking Zombies with Style

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.

Beginner

21 Lessons

4h

Certificate of Completion

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.

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

27 Playgrounds
12 Quizzes

This course includes

27 Playgrounds
12 Quizzes

Course Overview

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 ...Show More

Course Content

1.

Before We Begin

Get familiar with web layout evolution from basic flow to CSS columns, flexbox, and grid.
2.

Zombie Inline Block Heads

Unpack the core of CSS layout properties to create flexible, responsive web designs.
3.

Dividing the Horde (into Columns)

Go hands-on with dividing content into columns, managing text flow, and styling columns.
4.

Weird Flexbox, but Okay, Zombie

Apply your skills to master Flexbox properties for dynamic and adaptable layouts.
6.

Conclusion

2 Lessons

Implement appropriate CSS techniques and feedback to enhance and strengthen web design skills.

Course Author

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Evan Dunbar

ML Engineer

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath