INTERACTIVE COURSE

Designing Web Layouts with CSS and Flexbox

Beginner

64 Lessons

10h

Certificate of Completion

66 Playgrounds

11 Challenges

13 Quizzes

28 Illustrations

Takeaway Skills

Learn the basics of creating web layouts

Understand how Flexbox works

Get hands on experience in designing mobile-responsive web layouts using Flexbox

Course Overview

In this course, you will get hands-on experience in designing mobile-responsive web layouts using Flexbox. You will start with the basics like the Box Model and the process of layouting. You will then move on to advanced concepts such as Flexbox containers, and ali...Show More

Course Content

Getting Started

11 Lessons

Course Introduction

CSS Basics

Box Model Review The Process of Layouting Challenges with Traditional Layouting

Show all 11 lessons

Using Flexbox Containers

21 Lessons

Introduction to Flexbox

Using Flexbox - Exercise Using Flexbox - Solutions Flex-direction Flex-direction Exercise

Show all 21 lessons

Aligning Individual Flexbox Items

18 Lessons

Designing a Mobile-first Website Using Flexbox

13 Lessons

Flexbox Conclusion and Next Steps

1 Lesson

COURSE AUTHOR

How You'll Learn

You don’t get better at swimming by watching others. Coding is no different. Practice as you learn with live code environments inside your browser.

Videos are holding you back. The average video tutorial is spoken at 150 words per minute, while you can read at 250. That‘s why our courses are text-based.

Start learning immediately instead of fiddling with SDKs and IDEs. It‘s all on the cloud.

Built-in assessments let you test your skills. Completion certificates let you show them off.