YoVDO

Build a Responsive HTML & CSS Template with FlexboxGrid

Offered By: Traversy Media via YouTube

Tags

Flexbox Courses HTML5 Courses Fonts Courses Responsive Web Design Courses CSS3 Courses Media Queries Courses Grid Systems Courses

Course Description

Overview

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.

Syllabus

Intro
Template Overview
Flexbox Grid Overview
Flexbox Grid Sizes
Getting Started
Downloading FlexboxGrid
Creating The Header
Styling The Header
Columns
Container
Span
Nesting Grid
Info Section
Image Section
Footer Section
Columns Section
Footer
Inner Pages
Sub Header
Main Page
Services
Contact Form
Custom CSS
Fonts
Common Classes
Header
Navbar
Links
Middle Row
Showcase
Showcase H1
Showcase Paragraph
Grid Background
Media Queries


Taught by

Traversy Media

Related Courses

Responsive Web Design Fundamentals
Google via Udacity
Introduction to Bootstrap - A Tutorial
Microsoft via edX
Responsive Images
Udacity
Responsive Website Basics: Code with HTML, CSS, and JavaScript
University of London International Programmes via Coursera
Responsive Web Design
University of London International Programmes via Coursera