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

Mobile Web Development
Google via Udacity iDESWEB, Introducción al desarrollo web
Miríadax Information Design
University of California, San Diego via Coursera Advanced Styling with Responsive Design
University of Michigan via Coursera Front-End Web UI Frameworks and Tools
The Hong Kong University of Science and Technology via Coursera