Design the Web: Creating a Pull Quote with CSS

Offered By: LinkedIn Learning

Tags

HTML & CSS Courses Computer Science Courses Web Design Courses Responsive Design Courses Front-end Development Courses Pseudo-elements Courses

Course Description

Overview

Learn to turn block quotes on your webpage into stylish pull quotes with nothing more than CSS.

Syllabus

Introduction

Welcome
About the exercise files

Creating the CSS for a Pull Quote

Styling the base blockquote element
Adding quote marks with pseudo-elements
Adding a citation for the quote
Positioning the citation
Adding a photo to the citation
Adjustments for small screens

Taught by

Chris Converse

Related Courses

Intro to HTML and CSS
Udacity Responsive Web Design Fundamentals
Google via Udacity HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX CSS Basics
Microsoft via edX Advanced CSS Concepts
Microsoft via edX