Description

Flexbox (flexible box) is a layout mode of CSS3. Using this mode, you can easily create layouts for complex applications and web pages. Flexbox layout gives complete control over the direction, alignment, order, size of the boxes. In this tutorial, we are going to learn how to use the various features available in Flexbox.

This tutorial has been prepared for beginners to make them understand the basics of Flexbox library. It will help the readers in aligning the contents of a webpage easily.

For this tutorial, it is assumed that the readers have a prior knowledge of CSS and HTML

What you'll learn

Become a UX designer.

You will be able to add UX designer to your CV

Become a UI designer.

Build & test a full website design.

Create your first UX brief & persona.

How to use premade UI kits.

Create quick wireframes.

Downloadable exercise files

Build a UX project from beginning to end.

Learn to design websites & mobile phone apps.

All the techniques used by UX professionals

You will be able to talk correctly with other UX design.

Requirements

  • You will need a copy of Adobe XD 2019 or above. A free trial can be downloaded from Adobe.
  • No previous design experience is needed.
  • No previous Adobe XD skills are needed.

Course Content

Flexbox Tutorial
Flexbox Overview
Flexbox Flex Containers
Flexbox FlexDirection
Flexbox FlexWrap
Flexbox Justifying Contents
Flexbox Align Items
Flexbox Align Content
Flexbox FlexOrder
Flexbox Flexibility
Flexbox Align Self
Flexbox Quick Guide
Flexbox Useful Resources

Student Feedback

0
Course Rating
70%
15%
20%
3%
2%