Главная
Study mode:
on
1
Introduction
2
Overview
3
Finished Product
4
CSS Media Query
5
Code Editor Setup
6
CSS Wireframing
7
Desktop
8
Menu
9
Hide Menu
10
Main Wrapper
11
Grid Wrapper
12
Three Column Layout
13
Grid Template
14
Featured Elements
15
Grid Template Areas
16
Footer
17
Footer CSS
18
Menu CSS
19
CSS Reset
20
Normalize CSS
21
Inline Menu
22
Sub Featured Boxes
23
Sub Featured Grid
24
Media Query
25
Tablet Query
26
Mobile View
27
Menus
28
Mobile
29
Nav Items
30
Nav Wrap
31
Other divs
32
Sub Featured
33
Footer Element
34
Recap
Description:
Create a responsive web design from scratch using CSS grid and media queries in this comprehensive tutorial. Learn HTML5 and CSS techniques without relying on frameworks. Begin by setting up your code editor and creating a CSS wireframe. Develop a desktop menu, main wrapper, and three-column layout using grid templates and areas. Style the footer and implement a CSS reset. Progress to crafting inline menus, sub-featured boxes, and grids. Master media queries for tablet and mobile views, optimizing navigation items and other elements for smaller screens. Download starter files and follow along to build a fully responsive website while gaining valuable skills in modern web design techniques.

Responsive Web Design Tutorial

FollowAndrew
Add to list
0:00 / 0:00