From the course: Level Up: CSS Layout

Unlock this course with a free trial

Join today to access over 24,700 courses taught by industry experts.

Pull quotes

Pull quotes - CSS Tutorial

From the course: Level Up: CSS Layout

Start my 1-month free trial Buy for my team

Pull quotes

“

- [Narrator] Pull quotes, where the quote or piece of text is pulled out of the main text block to the left or right, adds visual, interest of content, and focus to the pulled quote. In this challenge, you'll create dynamic responsive pull quotes that floats left and right when possible, and are pulled out of the main content area when there a sufficient horizontal space. And there's a small caveat to this challenge. Watch what happens when I reduce the width of this view here. So right now, the pull quotes are being pulled out of the main content, but when I hit the content width, the pull quotes, left and right margins, lock with the content width, so they're not being indented in any way, shape, or form right now, they're only being pulled out when there's enough space. The pull quotes should align with the overall content when the viewport is narrow, and be pulled out to the sides when the viewport is wide. To…

Contents