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

User Experience for the Web
Open2Study Writing for the Web
Open2Study Web-Engineering I: Grundlagen der Web-Entwicklung
iversity Human-Computer Interaction Design
University of California, San Diego via Coursera Ruby مدخل إلى برمجة مواقع الإنترنت باستخدام لغة
Rwaq (رواق)