Once upon a time building functional, responsive web layouts required hacking, lots of JavaScript, and more than a few CSS floats. Then came Flexbox, a layout mode for CSS that got rid of all the headaches. This online course will get you up to speed on the latest version, introduce you new even better features, and help you get to grips with Flexbox in a hands-on, practical way.

Create and Manage CSS Flexbox Layouts

  • Take an in-depth look at building CSS Flexbox layouts
  • Build intricate layouts with minimal code, quickly and easily
  • Develop flexible, responsive layouts without code hacking or media queries
  • Control flex spacing, alignments and positioning
  • Gain a new perspective on CSS and web development

Learn Fundamental Flexbox Concepts

This course is intended for those who have a working knowledge of HTML and CSS, and who are comfortable coding by hand and navigating through code. With an emphasis on in-depth, hands-on training, you'll learn the latest techniques for building and managing functional CSS-based web layouts.

To start off, you'll be introduced to fundamental Flexbox concepts and terminology, as well as the other essential knowledge you'll need to know before going further. From there, the lessons get progressively more hands-on and challenging. You'll cover flex containers, flow axis directions, flex widths, axis spacing and alignment, establishing element flexibility, working with nested flex containers, and more. Each section includes a practical exercise to put your skills to the test, and a quiz to help compound your knowledge.

If you want to push your HTML, CSS and web design skills further, if you want to learn the latest in CSS web layout techniques, or if you just want to know the secret to building responsive, mobile layouts with minimal code, then this online course is a must.

About Flexbox

Flexbox, or the CSS Flexible Box, is a layout mode in CSS that allows designers to build and manage website layouts quickly and easily. Arrange each page element and test on different screen sizes (i.e. desktop, mobile, tablet) and display devices to ensure your code behaves accordingly. It was created to replace float and table layout hacks, making life much easier for designers and developers everywhere.

Stone River eLearning

Your Instructor

Stone River eLearning

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered.

Check out our huge catalog of courses and join the over 390,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

We guarantee that all our online courses will meet or exceed your expectations. If you are not 100% satisfied with a course - for any reason at all - simply request a full refund.


That's our promise to you. We hate games, gimmicks and tricks as much as you do. We guarantee no hassles if you want a refund, so ahead and order with confidence. You have absolutely nothing to lose.

It's time to use Flexbox. It provides an effective way to create layouts and the browsers are ready. Finally, no more headaches caused by the alignments and the position of some elements. With this course you will learn Flexbox properly. Very well structured, great explanations and clear examples.

Daniel Cornwall

Thanks for this AWESOME course! As most who have worked with CSS/HTML we know that working with floats can be a hit or miss, trial and error when it comes to layouts. With Flexbox, that suddenly all changes for the better. Instructor was clear and was not too fast with the course material. Certificate earned!

Darcy Cardinal

Quick course that gets the basics across easily. More of a primer to get trying more advanced layouts. All examples are clearly demonstrated. Very happy I took this course.

Brian R

Excellent presentation. Presenter shows each option in code and then in the browser. He explains the actions very well.

Michael North

Love the course, great instructor and great explanation of flex-box concepts.

Carol Gonzalez


Class Curriculum

  Introduction to the course
Available in days
days after you enroll

Frequently Asked Questions

When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.

Get started now!



Partners