CSS Layout Masterclass

6h 49m 41s
English
Paid

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

Read more about the course

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


Watch Online CSS Layout Masterclass

Join premium to watch
Go to premium
# Title Duration
1 #0.2 Introduction 04:18
2 #0.3 What are we using 01:44
3 #1.0 Life Before Flexbox 06:10
4 #1.1 First Rule of Flexbox 03:33
5 #1.2 Main Axis and Cross Axis 09:26
6 #1.3 Column and Row 06:01
7 #1.4 align-self and order 07:26
8 #1.5 wrap, nowrap, reverse, align-content 07:00
9 #1.6 flex-grow, flex-shrink 08:02
10 #1.7 flex-basis 03:37
11 #1.8 Flexbox Froggy 1-13 06:27
12 #1.9 Flexbox Froggy 14-24 12:00
13 #2.1 Life Before Grid 03:55
14 #2.2 CSS Grid Basic Concepts 06:07
15 #2.3 Grid Template Areas 07:12
16 #2.4 Rows and Columns 07:33
17 #2.5 Shortcuts 06:39
18 #2.6 Line Naming 03:44
19 #2.7 Grid Template 11:03
20 #2.8 Place Items 06:19
21 #2.9 Place Content 06:34
22 #2.10 Auto Columns and Rows 09:44
23 #2.11 minmax 02:58
24 #2.12 auto-fit auto-fill 05:23
25 #2.13 min-content max-content 06:24
26 #2.14 Grid Garden part One 08:40
27 #2.15 Grid Garden part Two 10:23
28 #3.0 CSS Preprocessors and Set Up 04:37
29 #3.1 Variables and Nesting 10:39
30 #3.2 Mixins 08:20
31 #3.3 Extends 05:22
32 #3.4 Awesome Mixins and Conclusions 13:00
33 #4.0 Introduction 02:31
34 #4.1 Best Horror Scenes Coding 17:37
35 #4.2 Best Horror Scenes Comment 05:30
36 #4.3 Paint Box Coding 18:58
37 #4.4 Paint Box Comment 04:53
38 #4.5 10x19 Coding 11:17
39 #4.6 10x19 Comment 03:55
40 #4.7 Zoo Coding 13:44
41 #4.8 Zoo Commentary 02:49
42 #4.9 Schwartz Coding 17:50
43 #4.10 Schwartz Commentary 05:19
44 #4.11 Tolv Coding 15:18
45 #4.12 Tolv Commentary 04:26
46 #4.13 Rodic Davidson Coding 06:21
47 #4.14 Rodic Davidson Comment 01:58
48 #4.15 Beige Coding 15:16
49 #4.16 Beige Commentary 02:58
50 #4.17 Donica Coding 09:11
51 #4.18 Donica Commentary 03:46
52 #4.19 Canal Street Commentary 07:14
53 #4.20 Won Hundred Coding 14:11
54 #4.21 Won Hundred Commentary 04:19

Similar courses to CSS Layout Masterclass

CSS Simplified

CSS Simplifiedwebdevsimplified.com

Category: CSS
Duration 15 hours 17 minutes 44 seconds
Data Visualization + D3.js

Data Visualization + D3.jssuperhi.com

Category: JavaScript, HTML, CSS, D3.js
Duration 16 hours 48 minutes 54 seconds
100 Days Of Code: The Complete Web Development Bootcamp 2024

100 Days Of Code: The Complete Web Development Bootcamp 2024Academind Pro

Category: JavaScript, Sql, HTML, CSS, Node.js, Vue
Duration 78 hours 51 minutes 55 seconds
Modern HTML & CSS From The Beginning Course

Modern HTML & CSS From The Beginning CourseBrad Traversy

Category: HTML, CSS
Duration 24 hours 21 minutes 52 seconds
CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)

CSS - The Complete Guide 2022 (incl. Flexbox, Grid & Sass)udemyAcademind Pro

Category: CSS
Duration 20 hours 54 minutes 47 seconds
CSS Demystified: Start writing CSS with confidence

CSS Demystified: Start writing CSS with confidencekevin powell

Category: CSS
Duration 20 hours 45 minutes 24 seconds
Crash Course: Build a Full-Stack Web App in a Weekend!

Crash Course: Build a Full-Stack Web App in a Weekend!udemy

Category: JavaScript, React.js, HTML, CSS
Duration 12 hours 13 minutes 30 seconds
The Ultimate HTML5 & CSS3 Series: Part 1

The Ultimate HTML5 & CSS3 Series: Part 1codewithmosh (Mosh Hamedani)

Category: HTML, CSS
Duration 2 hours 51 minutes 50 seconds