- [Instructor] We're making progress…and then we have a distinct slide…that is centered inside the presentation.…Now I want to center the presentation area…on my page, which for our purposes…is gonna be within the HP content element.…So we want this to be centered both horizontally…and vertically in the parent.…There are numerous strategies for this…and the one we used in the last video was margins.…For this one, I'd like to introduce…a new concept called flexbox.…Flexbox is a CSS style that allows you…to control how children are displayed…within their parents, and it's very handy…for doing layouts like this where you want…to simultaneously horizontally and vertically center things.…
If you've ever dug into that, it can be involved.…So we're gonna go to a site that I actually…built to play with so you can see…what various flex properties will do…whenever you use them in the wild.…For our purposes, we're gonna focus on…the ones that are needed to center something.…So as you can see we have, below here in the blue area…
AuthorW. Scott Means
- Creating a dynamic layout with flexbox
- Navigating the DOM
- Adding animation
- Controlling animations with classes
- Applying CSS to SVG
Skill Level Intermediate
Web Portfolio Projects: Binding and Propagationwith Leigh Lawhon1h 9m Intermediate
What you should know1m 4s
1. Building a Foundation
2. HTML Layout
4. Adding Animation
5. Working with SVG
- 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.