Главная
Study mode:
on
1
Intro
2
Welcome
3
Project Preview
4
Starter Code
5
HTML structure
6
CSS Styles
7
CSS Reset
8
Utility Classes
9
General Styles
10
card class styles
11
Small breakpoint media query
12
Medium breakpoint media query
13
Large and XL breakpoints
14
Testing the breakpoints
15
Mobile device landscape breakpoint
16
Experiment and make it your own
Description:
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.

CSS Responsive Card Design - Mini-Project Tutorial for Beginners

Dave Gray
Add to list