Udemy - CSS Grid & Flexbox - The Ultimate Course Build +10 Projects

Files Included :

1 - The Projects included with this Course.mp4 (113.74 MB)
MP4
2 - The Development Environment Tools needed to complete this course.mp4 (41.49 MB)
MP4
65 - Kicking off the Project.mp4 (58.5 MB)
MP4
66 - Working with the Main Bar.mp4 (56.04 MB)
MP4
67 - Styling the Sidebar.mp4 (54.48 MB)
MP4
68 - Adding the CSS for the Admin Menu.mp4 (71.16 MB)
MP4
69 - CSS For the Form.mp4 (112.49 MB)
MP4
70 - Show Hiding the Sidebar with a button.mp4 (107.89 MB)
MP4
71 - Building a Media Container Layout.mp4 (44.54 MB)
MP4
72 - Building a Fixed Footer Layout.mp4 (56.67 MB)
MP4
73 - CSS Positioning Project.mp4 (76.43 MB)
MP4
74 - Whats CSS Grid.mp4 (17.63 MB)
MP4
75 - Grid Container Grid Row and Grid Column.mp4 (74.17 MB)
MP4
76 - The Grid Shorthand and Positioning Grid Elements.mp4 (79.81 MB)
MP4
77 - Grid Autoflow.mp4 (29.81 MB)
MP4
78 - CSS Grid Repeat.mp4 (52.02 MB)
MP4
79 - Grid Template Areas.mp4 (61.25 MB)
MP4
80 - Grid Template Areas in Practice.mp4 (38.95 MB)
MP4
81 - Grid Template Areas with Media Queries to change the Layout Order.mp4 (71.07 MB)
MP4
82 - Grid Fractions and Grid Gap.mp4 (65.05 MB)
MP4
83 - CSS Grid Alignment Properties.mp4 (26.89 MB)
MP4
84 - Building an Experimental Layout with CSS Grid.mp4 (107.49 MB)
MP4
85 - CSS Grid AutoFit AutoFill and MinMax.mp4 (45.82 MB)
MP4
86 - Adding the Main Grid Areas.mp4 (138.39 MB)
MP4
87 - Positioning the Elements in the Container.mp4 (81.53 MB)
MP4
88 - Adding the Header and the Main Form.mp4 (68.86 MB)
MP4
89 - Adding the Rest of the HTML.mp4 (115.35 MB)
MP4
90 - Adding the Global CSS.mp4 (32.21 MB)
MP4
91 - CSS for the Header.mp4 (117.12 MB)
MP4
92 - Styling the Search Form.mp4 (99.2 MB)
MP4
93 - Styling the Submit Button.mp4 (49.12 MB)
MP4
94 - Working with the Properties Section.mp4 (87.42 MB)
MP4
95 - CSS for the About Us Section.mp4 (33.11 MB)
MP4
96 - CSS for the Footer.mp4 (99.31 MB)
MP4
100 - Styling the Footer.mp4 (31.45 MB)
MP4
101 - Fetching Data from an External File.mp4 (55.71 MB)
MP4
102 - Displaying the Portfolio.mp4 (46.06 MB)
MP4
103 - Styling the Portfolio.mp4 (99.81 MB)
MP4
97 - Working with the HTML.mp4 (83.73 MB)
MP4
98 - Adding the Main Image and centering the content in the container.mp4 (67.18 MB)
MP4
99 - Building the Services Section.mp4 (52.63 MB)
MP4
104 - Working with the Header HTML.mp4 (103.37 MB)
MP4
105 - Styling the Header.mp4 (149.35 MB)
MP4
106 - Applying CSS Grid for the Main form.mp4 (156.46 MB)
MP4
107 - Finishing the Search Form.mp4 (126.59 MB)
MP4
108 - Working with the Recommendations Section.mp4 (35.45 MB)
MP4
109 - CSS for the Recommended Places.mp4 (57.81 MB)
MP4
110 - Building the Explore section.mp4 (47.72 MB)
MP4
111 - Styling the Explore Section.mp4 (52.75 MB)
MP4
112 - Building the Unique Homes Section.mp4 (49.89 MB)
MP4
113 - Building the Top Rated Experiences.mp4 (38.4 MB)
MP4
114 - Building the Footer.mp4 (49.99 MB)
MP4
115 - CSS for the Footer.mp4 (56.83 MB)
MP4
116 - Finishing the CSS for the Footer.mp4 (77.78 MB)
MP4
117 - Adding an Animation to the Footer.mp4 (102.19 MB)
MP4
10 - Flex Alignment with Justifycontent and alignitems.mp4 (54.19 MB)
MP4
11 - Putting everything together Building a Layout part 1 of 2.mp4 (29.51 MB)
MP4
12 - Putting everything together Building a Layout part 2 of 2.mp4 (102.78 MB)
MP4
3 - Whats Flexbox.mp4 (55.62 MB)
MP4
4 - Flex Container.mp4 (34.74 MB)
MP4
5 - Flex Direction.mp4 (18.97 MB)
MP4
6 - Flex Wrap.mp4 (32.73 MB)
MP4
7 - Order.mp4 (25.13 MB)
MP4
8 - Flex Grow Flex Shrink Flex Basis The Shorthand Flex.mp4 (59.25 MB)
MP4
9 - The Flex Property in Depth.mp4 (36.47 MB)
MP4
13 - Kicking off the Project.mp4 (81.85 MB)
MP4
14 - Finishing the Cards.mp4 (60.64 MB)
MP4
15 - Starting the Project HTML.mp4 (92.17 MB)
MP4
16 - Adding the Main font and Custom Properties.mp4 (35.98 MB)
MP4
17 - Working with the Main Nav.mp4 (53.33 MB)
MP4
18 - Adding the Hero Image.mp4 (67.55 MB)
MP4
19 - Working with the Main Container.mp4 (65.99 MB)
MP4
20 - CSS for the Services Section.mp4 (58.74 MB)
MP4
21 - Adding the Icons.mp4 (55.9 MB)
MP4
22 - Styling the Contact Form.mp4 (99.65 MB)
MP4
23 - Building a Simple Menu.mp4 (66.74 MB)
MP4
24 - Building a Menu with Icons.mp4 (37.65 MB)
MP4
25 - Building a Menu with Icons Part 2.mp4 (80.66 MB)
MP4
26 - Building a DropDown Menu.mp4 (92.6 MB)
MP4
27 - Building a Social Media Navigation.mp4 (72.2 MB)
MP4
28 - Building a Social Media Menu with Dropdown.mp4 (75.9 MB)
MP4
29 - Adding the HTML.mp4 (76.31 MB)
MP4
30 - Adding the Main CSS.mp4 (40.04 MB)
MP4
31 - Working with the Main Navigation.mp4 (64.96 MB)
MP4
32 - Finishing the Main Nav.mp4 (17.32 MB)
MP4
33 - Working with the Main Content Area.mp4 (45.82 MB)
MP4
34 - Finishing the Sidebar Content Footer.mp4 (85.4 MB)
MP4
35 - Adding the Header HTML.mp4 (67.5 MB)
MP4
36 - CSS for the Header.mp4 (97.26 MB)
MP4
37 - Working with the Main Nav.mp4 (109.94 MB)
MP4
38 - Working with the Categories HTML.mp4 (36.63 MB)
MP4
39 - Working with the Categories CSS.mp4 (105.51 MB)
MP4
40 - Working with the Footer HTML.mp4 (46.12 MB)
MP4
41 - Working with the Footer CSS.mp4 (135.84 MB)
MP4
42 - Installing Node NPM Gulp.mp4 (54.39 MB)
MP4
43 - Creating a packagejson and installing the dependencies.mp4 (43.74 MB)
MP4
44 - Creating the Gulp Workflow.mp4 (64.07 MB)
MP4
45 - Creating the SASS Files.mp4 (27.09 MB)
MP4
46 - Adding the Main CSS Selectors.mp4 (27.86 MB)
MP4
47 - Working with the Cart.mp4 (50.49 MB)
MP4
48 - Building a Mixin for Buttons.mp4 (23.34 MB)
MP4
49 - Working with the Hero Image.mp4 (85.91 MB)
MP4
50 - Building Mixins for Media Queries.mp4 (51.86 MB)
MP4
51 - Working with the Main Features Section.mp4 (70.08 MB)
MP4
52 - Building the Courses List Section.mp4 (95.15 MB)
MP4
53 - Finishing the Project.mp4 (82.2 MB)
MP4
54 - Installing the Dependencies and Kicking off the project.mp4 (59.77 MB)
MP4
55 - Adding the HTML.mp4 (95.04 MB)
MP4
56 - Adding the Main CSS.mp4 (63.86 MB)
MP4
57 - Styling the Login Form.mp4 (71.46 MB)
MP4
58 - Adding a CSS Transition for the Labels.mp4 (47.6 MB)
MP4
59 - Stryling the Bottom Section of the Form.mp4 (72.61 MB)
MP4
60 - Building the Footer Section of the Site.mp4 (106.28 MB)
MP4
61 - Form Validation with jаvascript ES6.mp4 (95.36 MB)
MP4
62 - Displaying the Alerts.mp4 (62.19 MB)
MP4
63 - Finishing the Form Validation.mp4 (143.38 MB)
MP4
64 - Adding a Show Hide Password Button.mp4 (83.82 MB)
MP4