Introduction To CSS Flexbox

Introduction To CSS Flexbox, available at $54.99, has an average rating of 3.88, with 35 lectures, based on 4 reviews, and has 2087 subscribers.

You will learn about An overview of Flexbox How to use various properties that apply to a parent flex container How to use various properties that apply to a child flex item How to use the principles of Flexbox to design a HTML webpage This course is ideal for individuals who are Developers who wish to gain a deeper insight into many of the concepts addressed when working with the Flexbox layout model. or Developers who wish to use Flexbox as their layout model for building responsive web pages. It is particularly useful for Developers who wish to gain a deeper insight into many of the concepts addressed when working with the Flexbox layout model. or Developers who wish to use Flexbox as their layout model for building responsive web pages.

Enroll now: Introduction To CSS Flexbox

Summary

Title: Introduction To CSS Flexbox

Price: $54.99

Average Rating: 3.88

Number of Lectures: 35

Number of Published Lectures: 35

Number of Curriculum Items: 35

Number of Published Curriculum Objects: 35

Original Price: ￡19.99

Quality Status: approved

Status: Live

What You Will Learn

An overview of Flexbox

How to use various properties that apply to a parent flex container

How to use various properties that apply to a child flex item

How to use the principles of Flexbox to design a HTML webpage

Who Should Attend

Developers who wish to gain a deeper insight into many of the concepts addressed when working with the Flexbox layout model.

Developers who wish to use Flexbox as their layout model for building responsive web pages.

Target Audiences

Developers who wish to gain a deeper insight into many of the concepts addressed when working with the Flexbox layout model.

Developers who wish to use Flexbox as their layout model for building responsive web pages.

This course is aimed to help you elevate your HTML webpage designs by applying many of the properties provided by the Flexbox layout model. In this course we will explore both the properties that can be applied to a parent flex container and the properties that can be applied to a child flex item.

The Parent Flex container properties that will be addressed include:

Flex Direction –Understand the direction in which you wish to display the items inside your flex parent container whether it be as a column or a row

Flex Wrap – Learn the options available for wrapping the items within your flex container

Flex Flow – Learn how to simplify applying the Flex Direction and Flex Wrap properties with this shorthand property

Justify Content –Explore the options available for organizing your Flex Items based on the main axis

Align Items –Explore the options available for organizing your flex items based on the cross axis

Align Content –Explore the options available for controlling the way in which each of your flex lines are organised along the cross axis

The Child Flex Item properties that will be addressed include:

Flex Basis –Discover how you can specify an initial width or height on a flex item using this property

Flex Grow – Learn how you can expand the sizing of your flex items using this property

Flex Shrink– Explore how the flex items can be scaled down as the parent container is adjusted in size using this property

Flex– Learn how to simplify applying the Flex Basis, Flex Grow and Flex Shrink using this shorthand property

Order –Learn how you can rearrange the order of the flex items using this property

Align Self – Discover how you can individually set an alignment on each of the flex items within a flex container

This course will also address the MATH involved when using properties like flex-grow and flex-shrink so you know in the case of flex grow how the space is distributed between the flex items and in the case of flex shrink how the space shrinks down.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction To Flexbox

Lecture 2: Overview Of Flexbox

Lecture 3: Additional Notes

Chapter 2: Overview Of Parent Flex Container Properties

Lecture 1: Parent Flex Container Properties Overview

Chapter 3: Flex Direction

Lecture 1: Flex Direction Overview

Lecture 2: Flex Direction Demonstration

Lecture 3: Additional Information On Flex Direction

Chapter 4: Flex Wrap

Lecture 1: Flex Wrap Overview

Lecture 2: Flex Wrap Demonstration

Lecture 3: Additional Information On Flex Wrap

Chapter 5: Flex Flow

Lecture 1: Flex Flow Overview

Lecture 2: Flex Flow Demonstration

Chapter 6: Justify Content

Lecture 1: Justify Content Overview

Lecture 2: Justify Content Demonstration

Chapter 7: Align Items

Lecture 1: Align Items Overview

Lecture 2: Align Items Demonstration

Chapter 8: Align Content

Lecture 1: Align Content Overview

Lecture 2: Align Content Demonstration

Chapter 9: Overview Of Child Flex Item Properties

Lecture 1: Child Flex Item Properties Overview

Chapter 10: Flex Basis

Lecture 1: Flex Basis Overview

Lecture 2: Flex Basis Demonstration

Lecture 3: Additional Information On Flex Basis

Chapter 11: Flex Grow

Lecture 1: Flex Grow Overview

Lecture 2: Flex Grow Demonstration

Lecture 3: Additional Information On Flex Grow

Chapter 12: Flex Shrink

Lecture 1: Flex Shrink Overview

Lecture 2: Flex Shrink Demonstration

Lecture 3: Additional Information On Flex Shrink

Chapter 13: Flex

Lecture 1: Flex Overview

Lecture 2: Flex Demonstration

Chapter 14: Order

Lecture 1: Order Overview

Lecture 2: Order Demonstration

Chapter 15: Align Self

Lecture 1: Align Self Overview

Lecture 2: Align Self Demonstration

Chapter 16: Project Example Using Flexbox

Lecture 1: Project Example Using Flexbox

Instructors

Joshan Grewal
Website Developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 2 votes

4 stars: 1 votes

5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!