Playback starts YouTube’s embedded player (privacy-enhanced mode).
Flexbox Tutorial for Beginners #2 - Adding Spaces in columns
ChannelLearning SimplifiedDescription from the creator
How to add spaces between columns - Flexbox tutorial for Beginners. Watch us on FaceBook at: facebook.com/learnmaniac1987
======================================================
SUBSCRIBE US FOR MORE
======================================================
In this tutorial for beginners, we discussed how to add spaces between successive columns in flexbox.In our normal CSS approach, we used to do it with margin in the middle column in either sides to create equal gaps. But in flexbox css, the scenario is a little bit different and that difference is briefed here.
Let's see what are we going to learn today:
1) Preview at the final product that we are going to do,
2) Normal css approach to build it overview brief
3) Flexbox CSS approach to build three column structure
4) Introduction to flex-basis,
5) Usage of justify content attributes
6) Analysis on css layout trick - building block elements
7) Mobile responsiveness with @media query
Hope to see you in our next tutorial where more features will be discussed. Thanks in advance for viewing it.
======================================================
Stay tuned to our channel to learn more:
youtube.com/channel/UCNBuByD9iIgqElwmIIqoIiA
======================================================
Watch for relevant blogs at :
learnsimple1987.blogspot.in/
======================================================
Our G+ profile is at:
plus.google.com/u/0/b/108616648678138902856/108…
======================================================
Twit us at:
twitter.com/learnmaniac1987
======================================================
If you have liked this tutorial then do not hesitate to hit the Red SUBSCRIBE Button. Like, comment, share.
Thanks for watching in advance.
-~-~~-~~~-~~-~-
Please watch: "JavaScript Tutorial for Beginners #12- Make a Basic Calculator"
youtube.com/watch?v=Y0rmLwq4nto
-~-~~-~~~-~~-~-
======================================================
SUBSCRIBE US FOR MORE
======================================================
In this tutorial for beginners, we discussed how to add spaces between successive columns in flexbox.In our normal CSS approach, we used to do it with margin in the middle column in either sides to create equal gaps. But in flexbox css, the scenario is a little bit different and that difference is briefed here.
Let's see what are we going to learn today:
1) Preview at the final product that we are going to do,
2) Normal css approach to build it overview brief
3) Flexbox CSS approach to build three column structure
4) Introduction to flex-basis,
5) Usage of justify content attributes
6) Analysis on css layout trick - building block elements
7) Mobile responsiveness with @media query
Hope to see you in our next tutorial where more features will be discussed. Thanks in advance for viewing it.
======================================================
Stay tuned to our channel to learn more:
youtube.com/channel/UCNBuByD9iIgqElwmIIqoIiA
======================================================
Watch for relevant blogs at :
learnsimple1987.blogspot.in/
======================================================
Our G+ profile is at:
plus.google.com/u/0/b/108616648678138902856/108…
======================================================
Twit us at:
twitter.com/learnmaniac1987
======================================================
If you have liked this tutorial then do not hesitate to hit the Red SUBSCRIBE Button. Like, comment, share.
Thanks for watching in advance.
-~-~~-~~~-~~-~-
Please watch: "JavaScript Tutorial for Beginners #12- Make a Basic Calculator"
youtube.com/watch?v=Y0rmLwq4nto
-~-~~-~~~-~~-~-
About this tutorial
Learning Simplified published this 9:42 video tutorial on November 4, 2017. It has been watched 6,260 times on YouTube.
- Channel
- Learning Simplified
- Category
- Education
- Duration
- 9:42
- Published
- November 4, 2017
- Views
- 6,260
- Likes
- 30
Tags
Share
This tutorial in other languages
- FRFlexbox Tutorial pour les débutants # 2 - Ajout d'espaces dans les colonnes
- ESFlexbox Tutorial para principiantes # 2 - Adición de Espacios en columnas
- PTFlexbox Tutorial para Iniciantes # 2 - Adicionando espaços em colunas
- ITFlexbox Tutorial per principianti # 2 - gli ambienti, l'aggiunta di colonne
- DEFlexbox Tutorial für Anfänger # 2 - Hinzufügen von Spaces in Spalten
- NLFlexbox Tutorial voor Beginners # 2 - Spaces toevoegen in de kolommen
- RUFlexbox Учебник для начинающих # 2 - Добавление пространства в столбцах
- PLSchematu flexbox Tutorial dla początkujących # 2 - dodawanie przeznaczone w kolumnach
- JA初心者#2のためのフレキシボックスチュートリアル - 列にスペースを追加します
- ARحول flexbox دروس للمبتدئين رقم 2 - إضافة المسافات في الأعمدة
- HIशुरुआती # 2 के लिए flexbox ट्यूटोरियल - स्तंभों में जोड़ा जा रहा है रिक्त स्थान
- IDFlexbox Tutorial untuk Pemula # 2 - Menambahkan Spaces di kolom