From the course: CSS Layouts: From Float to Flexbox and Grid
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
Setting up your project - CSS Tutorial
From the course: CSS Layouts: From Float to Flexbox and Grid
Setting up your project
- [Speaker] In this course, we're going to build the same layout using Float, Flexbox, and Grid to compare the different methods. In the exercise files, there's a start folder containing an HTML file and three CSS files. For each exercise, we'll use the same HTML and just swap out the CSS file. I like having backups, so I'm going to make a copy of the entire start folder. Then I'll rename this folder to layout exercises. The other folders in the exercise files named by chapter and video numbers contain the final versions of each exercise. If you don't have access to the exercise files, you can also download them from my GitHub repo. Just select the clone or download button and download zip. I like having backups, so I'm going to make a copy of the whole start folder and then save the copy to my desktop and rename the folder to CSS layouts. These will be the files that I'll be working from for the remainder of these…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Inline and block elements1m 53s
-
(Locked)
The box model properties3m 32s
-
(Locked)
The display property5m
-
(Locked)
The box model and layouts3m 17s
-
(Locked)
The float property3m 19s
-
(Locked)
Clearing floats5m 32s
-
(Locked)
Setting up your project2m 45s
-
(Locked)
Exercise: Build a layout with float6m 29s
-
(Locked)
Position: Relative and absolute5m 15s
-
(Locked)
Position: Fixed, sticky, and static4m 13s
-
(Locked)
-
-
-