AI Product Expert Certification - Master Generative AI Skills
AI Adoption - Drive Business Value and Organizational Impact
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn to create a responsive card design using CSS in this beginner-friendly mini-project tutorial. Follow along to build a project that applies concepts from previous CSS lessons, including HTML structure, CSS reset, utility classes, general styles, card-specific styles, and media queries for various breakpoints. Gain hands-on experience with responsive design techniques and test your creation across different screen sizes. By the end of this 35-minute tutorial, you'll have the skills to experiment and customize your own responsive card designs.
Syllabus
Intro
Welcome
Project Preview
Starter Code
HTML structure
CSS Styles
CSS Reset
Utility Classes
General Styles
card class styles
Small breakpoint media query
Medium breakpoint media query
Large and XL breakpoints
Testing the breakpoints
Mobile device landscape breakpoint
Experiment and make it your own
Taught by
Dave Gray