CSS Flexbox for Beginners

Zenva

Course

Online

£ 50 + VAT

The best Other programming courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

Master the foundations of CSS Flexible Box Layout – more commonly known as Flexbox. This dynamic, one-dimensional web layout model allows you to feature responsive elements that will arrange themselves automatically across any screen size, ensuring that your websites maintain a professional look across all devices. Through this course, you will build your own website with Flexbox, and learn core techniques including how to make multiple column layouts, position elements, and stretch and size elements based on containers.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Some knowledge of HTML is recommended.

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 4 years

Subjects

  • Access
  • Layout
  • IT
  • Management
  • Management Information Systems

Course programme

Introduction 1:13


Introduction 1:13



1:13

Understanding Flexbox 4:34


Understanding Flexbox 4:34



4:34

Flexbox Terms Defined 2:44


Flexbox Terms Defined 2:44



2:44

Tools We'll Use 1:26


Tools We'll Use 1:26



1:26

Installing Visual Studio Code


Installing Visual Studio Code



Establishing a Parent Flex Container 5:16


Establishing a Parent Flex Container 5:16



5:16

Setting Flexbox Flow Directions 3:48


Setting Flexbox Flow Directions 3:48



3:48

Understanding Flex Width Behaviours 4:42


Understanding Flex Width Behaviours 4:42



4:42

Controlling Child Flex Item Wrapping 4:15


Controlling Child Flex Item Wrapping 4:15



4:15

Flexbox Shorthand for Faster Coding 2:32


Flexbox Shorthand for Faster Coding 2:32



2:32

Aligning and Spacing Apart Child Items 5:05


Aligning and Spacing Apart Child Items 5:05



5:05

Setting a Flex Starting Point 3:27


Setting a Flex Starting Point 3:27



3:27

Determining how Items will Increase 4:50


Determining how Items will Increase 4:50



4:50

Determining how Items will Shrink 3:49


Determining how Items will Shrink 3:49



3:49

Getting the Layout Set up 5:32


Getting the Layout Set up 5:32



5:32

Building the Header Area 9:38


Building the Header Area 9:38



9:38

Flexbox for the Hero Area - Part 1 6:34


Flexbox for the Hero Area - Part 1 6:34



6:34

Flexbox for the Hero Area - Part 2 5:31


Flexbox for the Hero Area - Part 2 5:31



5:31

Establishing the Articles Area 5:16


Establishing the Articles Area 5:16



5:16

Building the Article Containers 2:33


Building the Article Containers 2:33



2:33

Finishing up the Footer 2:37


Finishing up the Footer 2:37



2:37

Minor Layout Adjustments 5:19


Minor Layout Adjustments 5:19



5:19

Making the Layout Responsive 4:14


Making the Layout Responsive 4:14



4:14

Conclusion 0:26


Conclusion 0:26



0:26

Additional information

On-demand, 24/7 access 1.6 hours of video Certificate of completion Source code and PDF notes Closed captions

See related categories

CSS Flexbox for Beginners

£ 50 + VAT

The best Other programming courses

See all

See all