Or follow us:
Join now to receive our Course Deals  

Buy Any Course or Bundle This Month & Get The Personal Success Training Program FREE

Certificate In CSS Flexbox : Build Modern Web Layouts With Flexbox Online Course

Hands on in depth Flexbox framework

Hands on in depth Flexbox framework

Hands on in depth Flexbox framework

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.

Course Fast Facts:

  1. Learn the fundamentals of CSS Flexbox : Build Modern Web Layouts With Flexbox
  2. Comprehensive 7 module Accredited Certificate In CSS Flexbox : Build Modern Web Layouts With Flexbox Online Course
  3. Study along with simple instructions & demonstrations
  4. Written and developed by leading CSS Flexbox experts
  5. Receive one-on-one online help & support
  6. Unlimited, lifetime access to online course
  7. Certificate of completion
  8. Study at your own pace with no rigid class timetables, 24/7 from any computer or smart device

Course Delivery

Courses are accessed online  by any device including PC, tablet or Smart Phone. Upon purchase an automated welcome email will be sent to you (please check your junk email inbox if not received as this is an automated email), in order for you to access your online course, which is Available 24/7 on any computer or smart mobile device. 

Recognition & Accreditation

All students who complete this course, receive a certificate of completion and will be issued a certificate via email.

Introduction to the course

  • Course Introduction

Introduction To CSS Flexbox

  • Section Introduction
  • Understanding Flexbox Improved Web Layout
  • Flexbox Terminology
  • Current Browser Support For Flexbox
  • Tools We'll Need
  • Section Summary
  • Quiz 1

Getting Started With Flexbox

  • Section Introduction
  • Creating Our First Flex Container
  • Understanding Flexbox Flow Axis Directions
  • Setting Flow Directions
  • Understanding Flex Widths
  • Controlling How Child Flex Items Wrap
  • Shorthand For Faster Coding
  • Section Summary
  • Quiz 2

Controlling Element Alignment

  • Section Introduction
  • Main Axis Spacing & Alignment
  • Vertical Spacing & Alignment
  • How Margins Are Impacted By Spacing & Aligning
  • Cross Axis Spacing And Alignment
  • Controlling Alignment Of Individual Flex-Item
  • Handling Spacing With Wrapped Flex-Items
  • Controlling Flex Item Order
  • Section Summary
  • Quiz 3

Establishing Element Flexibility

  • Section Introduction
  • Establishing A Flexible Starting Point
  • Determining How Flex Items Will Increase In Size
  • Determining How Flex Items Will Shrink In Size
  • Using Flex Shortcode
  • Section Summary
  • Quiz 4

Working With Nested Flex Containers

  • Section Introduction
  • Getting Set Up For Nested Containers
  • Wrapping Nested Child Flex-Items
  • Setting Nested Child Flex-Items To Scale
  • Setting Nested Child Flex-Item Display Order
  • Excercise
  • Exercise Solution
  • Section Summary
  • Quiz 5


  • Resources
  • Closing Message

Entry requirements

Students must have basic literacy and numeracy skills.

Minimum education

Open entry. Previous schooling and academic achievements are not required for entry into this course.

Computer requirements

Students will need access to a computer and the internet. 

Minimum specifications for the computer are:


  • Microsoft Windows XP, or later
  • Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari)


  • OSX/iOS 6 or later
  • Modern and up to date Browser (Firefox, Chrome, Safari)

All systems

  • Internet bandwidth of 1Mb or faster
  • Flash player or a browser with HTML5 video capabilities(Currently Internet Explorer 9, Firefox, Chrome, Safari)

Students will also need access the following applications:

Adobe Acrobat Reader

Now Only US$99 Save US$500 (83%)
Delivery Method Online
Get Info Pack

Special Offer


Receive The Personal Success Training Program FREE, When You Purchase This Course - Limited Time Remaining!  (Value $600)


The Personal Success Training Program Helps You Stay Focused To Achieve Your Goals!
  • How to layout a Success Plan.
  • Get where you want to be in life.
  • How to unclutter your mind to succeed.
  • Achieve your dreams using your imagination.
  • How to have faith in yourself.
  • 12 month online access,  24/7 anywhere.
  • Complement your individual course purchase.
  • Internationally recognized by the IAOTS.
  • Thousands of positive reviews.
  • Limited Time Offer - Ends Soon.

Share this course

Course Summary

Course ID No.: 009SRCFBMWL
Delivery Mode: Online
Course Access: Unlimited lifetime
Tutor Support: Yes
Time required: Study at your own pace
Course Duration: 3.5 Hours
Assessments: Yes
Qualification: Certificate