The footer for this project is pretty simple, and a review of all the things you've been learning. Here, practice nesting, variables, and color functions.
- [Instructor] Before we get into the main section…of all these pages,…I want to go ahead and finish off this footer.…It's pretty much like everything we've done before,…so we're going to start off…by creating another import statement here…to something called footer…and we're going to need to create that file.…So, New File on the css process folder…and it's going to be called footer.css…and then I can save the style.css…and I can start working on my footer code.…
Now if we take look at the index.html,…you'll see that this section is all the way to the bottom…and it's actually pretty simple.…There is a footer with an element…that is sort of a container of all of the stuff in here…and in that container, there's only two different sections,…the footer part at the top,…So this section up here with the logo,…as well as the address is one piece…and I want to control that with flexbox…'cause I want to put this and this side by side…but I do want them to be vertically centered…and that's really easy to do with old CSS,…
- Organizing your CSS into partials
- Creating variables
- Using custom selectors
- Working with flexbox layouts
- Setting up a mobile layout
- Making your features responsive
- Alternating layouts
- Adding animation
- Adding videos
Skill Level Advanced
Design the Web: Responsive SVG Imageswith Chris Converse22m 46s Beginner
Building Responsive Forms with Flexboxwith James Williamson1h 19m Intermediate
1. Getting Started
2. Headers and Footers
3. Featured Content
Next steps1m 6s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.