Build a YouTube Video Card in 30 Minutes - HTML & CSS

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!

Grab it

Learn to build a YouTube video recommendation card using HTML and CSS in this 36-minute tutorial. Follow along as Mike Dane guides you through the process, covering topics such as CSS positioning, background styling, text formatting, and font selection. Gain practical skills in web development by creating a functional and visually appealing component commonly seen on YouTube. Access the provided Codepen link to view the project code and experiment with your own modifications.

Syllabus

Intro
Image
Timestamp
CSS Positioning
CSS Bottom Attributes
Style
Background
Text
Cursor
Styling Text
Text Width
Margin
Fonts
Font Family
Multiple Fonts