Главная
Study mode:
on
1
Intro
2
Template Overview
3
Flexbox Grid Overview
4
Flexbox Grid Sizes
5
Getting Started
6
Downloading FlexboxGrid
7
Creating The Header
8
Styling The Header
9
Columns
10
Container
11
Span
12
Nesting Grid
13
Info Section
14
Image Section
15
Footer Section
16
Columns Section
17
Footer
18
Inner Pages
19
Sub Header
20
Main Page
21
Services
22
Contact Form
23
Custom CSS
24
Fonts
25
Common Classes
26
Header
27
Navbar
28
Links
29
Middle Row
30
Showcase
31
Showcase H1
32
Showcase Paragraph
33
Grid Background
34
Media Queries
Description:
Learn to build a responsive HTML5 and CSS3 website template using FlexboxGrid, a lightweight Flexbox-based grid system. Follow along to create a header, style columns, implement containers, and design various sections including info, image, and footer. Explore inner pages, sub-headers, and contact forms while mastering custom CSS techniques. Dive into responsive design with media queries and discover how to create visually appealing layouts using Flexbox. By the end of this tutorial, gain practical skills in modern web development and responsive design principles.

Build a Responsive HTML & CSS Template with FlexboxGrid

Traversy Media
Add to list
0:00 / 0:00