CSS Layout Masterclass
6h 49m 41s
English
Paid
Course description
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
Watch Online CSS Layout Masterclass
0:00
/ #1: #0.2 Introduction
All Course Lessons (54)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 1 | #0.2 Introduction Demo | 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 |
Unlock unlimited learning
Get instant access to all 53 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.
Learn more about subscriptionComments
0 commentsWant to join the conversation?
Sign in to commentSimilar courses
Beyond CSS
Sources: kevin powell
Beyond CSS is a course designed to help you use modern CSS and tools like Sass and PostCSS in order to get control of your stylesheets.
18 hours 12 minutes 41 seconds
Responsive Design for Beginners
Sources: Jess Chan
You have already learned the basics of HTML and CSS... so what's next? Yes, you can follow the steps from the tutorial and have become a master at finding answe
30 hours 51 seconds
Complete Web Developer in 2025: Zero to Mastery
Sources: udemy, zerotomastery.io
Learn to code. Get hired. This is one of the most popular, highly rated coding bootcamps online. It's also the most moderen and up-to-date. Guaranteed. You'll g
37 hours 3 minutes 37 seconds
Ultimate PHP, Laravel, CSS & Sass! Learn PHP, Laravel & Sass
Sources: udemy
Have you have been taking courses that are not up to date or courses that after finishing them you will immediately know that is not what they promised to be in
95 hours 30 minutes
Learn CSS Today
Sources: webdevsimplified.com
Learn modern CSS features and advanced CSS concepts in less than a day with this highly focused project-based CSS course.
9 hours 31 minutes 49 seconds