Creating Responsive Pages with CSS FlexBox

Flexboxes make creating web page layouts quicker, easier, and offer greater flexibility than rows and columns. This course will teach you how to get started with Flexboxes using nothing but CSS.
Course info
Rating
(28)
Level
Intermediate
Updated
May 1, 2020
Duration
1h 21m
Table of contents
Description
Course info
Rating
(28)
Level
Intermediate
Updated
May 1, 2020
Duration
1h 21m
Description

Creating flexible web page layouts could take complex CSS floats and media queries or require using into third party frameworks that use rows and columns, that then add a lot of extra code to your website. In this course, Creating Responsive Pages with CSS Flexbox, you’ll learn to create responsive webpages using CSS flexboxes. First, you’ll explore the basic concept of the CSS flexbox. Next, you’ll discover how to quickly layout content with the Flexbox using the axis. Then, you'll learn to get your content to be responsive with Flexbox. Finally, you’ll be presented options you can use to scale and align elements within the Flexbox container. When you’re finished with this course, you’ll have the skills and knowledge of using CSS flexboxes needed to create responsive web pages.

About the author
About the author

Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile related software applications.

More from the author
JavaScript Arrays and Collections
Beginner
1h 57m
Dec 31, 2019
More courses by Jeff Batt
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi everyone. My name is Jeff Batt, and welcome to my course on Creating Responsive Pages with CSS FlexBox. I am the head trainer with learningdojo.net. CSS3 introduced flexboxes, which allow you to easily create responsive layouts without having to use CSS floats. You can quickly lay out content in horizontal or vertical stacks with very little CSS and even make it responsive without having to use extensive media queries. This course is designed to walk you through hands‑on examples of how to create responsive web layouts using nothing but CSS flexboxes, and even turn non‑responsive content into responsive layouts pretty quickly. Some of the major topics will include understanding the flexbox container, quickly stacking content in rows and columns, adjusting layout options with FlexBox attributes, modifying specific items within the flexbox, having content wrap and adjust based on the browser size. By the end of this course, you'll be comfortable with how to create CSS flexboxes to design responsive web pages without having to rely on any external JavaScript libraries. You'll even get to work through some flexbox challenges. Before beginning this course, you should be familiar with HTML and CSS basics. I hope you'll join me on this journey to learn CSS flexboxes with the Creating Responsive Pages with CSS FlexBox course, at Pluralsight.