Expanded Library

CSS: Using Flexbox for Layout

What you'll learn

Follow the clues behind each property of Flexbox and learn how to make modern layouts that are flexible across different screen sizes. This interactive course was formerly known as Cracking the Case With Flexbox on Code School.

Foreshadowing Flexbox

2 Videos • 6 Challenges

Foreshadowing Flexbox Video
Creating Flex Containers Challenge
Starting a Grid Challenge
Creating Inline Flex Containers Challenge
Flexing Form Elements Challenge
Wily Wrapping Video
Wrapping Media Content Challenge
Wrapping Grid Items Challenge

Justification and Order

2 Videos • 6 Challenges

Justice in Justifying Video
Distributing Space Around Challenge
Distributing Space Between Challenge
Justifying Column Content Challenge
Aligning Inline Items Challenge
Order in the Flexbox! Video
Alternating Order Challenge
Order by Class Challenge

Aligning Alibis

1 Video • 3 Challenges

Aligning Alibis Video
Vertically Centering Content Challenge
Aligning in a Page Challenge
Aligning Nested Items Challenge

Sizing Up the Properties

2 Videos • 6 Challenges

Suspect Sizes Video
Growing a Grid Challenge
Flexing Forms Challenge
Avoiding Shrinking Challenge
Withholding Widths Video
Basis Split Challenge
Small Screen Basis Challenge
Large Screen Basis Challenge

Property Plotting

2 Videos • 6 Challenges

Property Plotting Video
Overriding Alignment Challenge
Reverting Alignment Challenge
Aligning Wrapped Items Challenge
Scary Shorthand Video
Refactoring to Flex Challenge
Refactoring From Flex Challenge
Reverse Refactoring Challenge

Trending courses

Ready to upskill? Get started

The ultimate playbook on Technology Skill Development

Implement the strategy for building better teams

CSS: Using Flexbox for Layout

What you'll learn

Table of contents

Trending courses

Ready to skill up
your entire team?

With your Pluralsight plan, you can:

With your 14-day pilot, you can:

Ready to skill up
your entire team?

With your Pluralsight plan, you can:

With your 14-day pilot, you can:

Solutions

Platform

Company

Resources

Support

The ultimate playbook on Technology Skill Development

Implement the strategy for building better teams

CSS: Using Flexbox for Layout

What you'll learn

Table of contents

Trending courses

Linux: System Security (LPIC-2)

Information Systems Auditor: Operations, Maintenance, and Service

Network Interface Layer and Ethernet Operation for Cisco CCNA 200-125/100-105

Building Packet Tracer Labs for CCNA Study: Fundamentals

STP and EtherChannel Operation and Configuration

SCCM Current Branch: Deploy Clients and Manage Inventory

SCCM Current Branch: Deploy and Maintain Operating Systems

Managing Software in Linux with Debian Software Management

Conducting Passive Reconnaissance for CompTIA PenTest+

Securing the Switch

Get access now

Ready to skill upyour entire team?

With your Pluralsight plan, you can:

With your 14-day pilot, you can:

Ready to skill upyour entire team?

With your Pluralsight plan, you can:

With your 14-day pilot, you can:

Solutions

Platform

Company

Resources

Support

Ready to skill up
your entire team?

Ready to skill up
your entire team?