CSS Layout Masterclass

CSS Layout Masterclass

English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 6h 50m | 3.07 GB

SCSS, Flexbox, CSS Grid

Best Way to Learn to Code
We believe that the best way to become a developer is by doing clone coding. It is very easy to get bored and unmotivated in the beginning if all you learn is theory. When we do clone coding we skip the theory and jump right into making useful and beautiful things. Is easy to forget theory, it’s impossible to forget practice. After you take this course you will have a working application that YOU made..

What will you make
11 CSS Layout
We will clone 11 beautiful layout of movie, e-commerce and portfolio website..

What will you learn

Flexbox

  • Main Axis / Cross Axis
  • Column and Row
  • align-self and order
  • wrap, nowrap, reverse, align
  • flex-grow, flex-shrink
  • flex-basis
  • many more…

Grid

  • template areas
  • rows and columns
  • grid-template
  • place-items
  • auto-columns, auto-rows
  • minmax
  • auto-fill, auto-fit
  • many more…

SCSS

  • Variables
  • Nesting
  • Mixins
  • Extends

en.nomadcoders.co/css-layout-masterclass

Table of Contents

1 Introduction
2 What are we using
3 Life Before Flexbox
4 Flexbox Froggy 14-24
5 First Rule of Flexbox
6 Main Axis and Cross Axis
7 Column and Row
8 align-self and order
9 wrap, nowrap, reverse, align-content
10 flex-grow, flex-shrink
11 flex-basis
12 Flexbox Froggy 1-13
13 Life Before Grid
14 CSS Grid Basic Concepts
15 minmax
16 auto-fit auto-fill
17 min-content max-content
18 Grid Garden part One
19 Grid Garden part Two
20 Grid Template Areas
21 Rows and Columns
22 Shortcuts
23 Line Naming
24 Grid Template
25 Place Items
26 Place Content
27 Auto Columns and Rows
28 CSS Preprocessors and Set Up
29 Variables and Nesting
30 Mixins
31 Extends
32 Awesome Mixins and Conclusions
33 Introduction
34 Best Horror Scenes Coding
35 Schwartz Commentary
36 Tolv Coding
37 Tolv Commentary
38 Rodic Davidson Coding
39 Rodic Davidson Comment
40 Beige Coding
41 Beige Commentary
42 Donica Coding
43 Donica Commentary
44 Canal Street Commentary
45 Best Horror Scenes Comment
46 Won Hundred Coding
47 Won Hundred Commentary
48 Paint Box Coding
49 Paint Box Comment
50 10×19 Coding
51 10×19 Comment
52 Zoo Coding
53 Zoo Commentary
54 Schwartz Coding