Creating Responsive Pages with CSS FlexBox
By Jeff Batt
Course info
Course info
Your 10-day individual free trial includes:
Expert-led courses
Keep up with the pace of change with thousands of expert-led, in-depth courses.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
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
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.
Course info
Pluralsight IQ