Главная
Study mode:
on
1
Intro
2
Welcome
3
Project Intro
4
Starter Code
5
HTML head and meta tags
6
HTML header, nav and hero
7
Importing Google fonts
8
CSS Reset
9
CSS Variables
10
CSS Utility Classes
11
General Styles
12
header and nav styles
13
HTML footer and main
14
footer styles
15
main styles
16
About styles
17
Contact form styles
18
Reviewing progress
19
Heading and title consistency
20
Converting an HTML table to a CSS grid
21
Menu styles
22
Evaluating desktop and mobile views
23
Adding a media query
24
Adding dark mode
25
Organizing the CSS
26
Preview: A touch of JavaScript
27
Final Notes and changes
Description:
Learn to build a responsive website for The Little Taco Shop in this comprehensive CSS tutorial. Master modern CSS techniques and responsive web design principles as you work through a complete project. Begin with HTML structure, import Google fonts, and implement a CSS reset. Explore CSS variables, utility classes, and general styles before diving into specific components like headers, navigation, and footers. Create engaging layouts for about and contact pages, convert HTML tables to CSS grids, and fine-tune menu styles. Evaluate desktop and mobile views, implement media queries, and add a dark mode feature. Organize your CSS effectively and get a preview of integrating JavaScript. Perfect for beginners looking to solidify their CSS skills through hands-on practice.

CSS Complete Project for Beginners

Dave Gray
Add to list
0:00 / 0:00