udemy-advanced-css-and-sass-flexbox-grid-animations-and-more-2021-11-1

Project — Using Advanced CSS and Sass (Part 2)\ 14:43 Building a Pure CSS Popup - Part 2 Project — Advanced Responsive Design (Part 3)\ 31:38 Section Intro 32:39 Mobile-First vs Desktop-First and Breakpoints 50:15 Let’s Use the Power of Sass Mixins to Write Media Queries 1:18:23 Writing Media Queries - Base, Typography and Layout 1:45:03 Writing Media Queries - Layout, About and Features Sections 1:57:37 Writing Media Queries - Tours, Stories and Booking Sections 2:18:04 An Overview of Responsive Images 2:23:46 Responsive Images in HTML - Art Direction and Density Switching 2:34:01 Responsive Images in HTML - Density and Resolution Switching 2:51:23 Responsive Images in CSS 3:03:06 Testing for Browser Support with @supports 3:24:49 Setting up a Simple Build Process with NPM Scripts 3:45:44 Wrapping up the Natours Project_ Final Considerations Project — Master Flexbox!\ 3:59:43 Section Intro 4:00:46 Why Flexbox_ An Overview of the Philosophy Behind Flexbox 4:07:18 A Basic Intro to Flexbox_ The Flex Container 4:22:26 A Basic Intro to Flexbox_ Flex Items 4:33:00 A Basic Intro to Flexbox_ Adding More Flex Items 4:39:15 Project Overview 4:46:29 Defining Project Settings and Custom Properties 5:00:10 Building the Overall Layout 5:12:10 Building the Header - Part 1 5:30:09 Building the Header - Part 2 5:44:58 Building the Header - Part 3 5:57:25 Building the Navigation - Part 1 6:09:01 Building the Navigation - Part 2 6:25:51 Building the Hotel Overview - Part 1 6:41:10 Building the Hotel Overview - Part 2 6:56:37 Building the Description Section - Part 1 7:09:31 Building the Description Section - Part 2 7:29:09 Building the User Reviews Section 7:52:02 Building the CTA Section 8:08:56 Writing Media Queries - Part 1 8:28:24 Writing Media Queries - Part 2 8:44:52 Wrapping up the Trillo Project_ Final Considerations 8.A Quick Introduction to CSS Grid Layouts\ 8:59:38 Section Intro 9:00:38 Why CSS Grid_ A Whole New Mindset 9:05:53 Quick Setup for This Section 9:08:04 Creating Our First Grid 9:20:20 Getting Familiar with the fr Unit 9:30:21 Positioning Grid Items 9:37:47 Spanning Grid Items 9:47:36 Grid Challenge 9:50:25 Grid Challenge_ A Basic Solution 10:01:34 Naming Grid Lines 10:11:15 Naming Grid Areas 10:22:18 Implicit Grids vs. Explicit Grids 10:32:58 Aligning Grid Items 10:42:56 Aligning Tracks 10:55:55 Using min-content, max-content and the minmax() function 11:12:15 Responsive Layouts with auto-fit and auto-fill Project — Master CSS Grid Layouts!\ 11:23:12 Project Overview and Setup 11:34:44 Building the Overall Layout - Part 1 11:50:18 Building the Overall Layout - Part 2