Coronavirus (COVID-19) information: All courses at all locations are running as live online classes. Our offices remain open with limited staff. Learn more.

×

Flexbox, Grid, & Bootstrap

Flexbox, Grid, & Bootstrap

Flexbox, Grid, & Bootstrap: Course Description

Learn the powerful tools CSS Flexbox and CSS Grid to layout webpages. These newer CSS layout technologies make it easier to create responsive webpages. Learn how to use each of these CSS tools and when to use them. Leverage Bootstrap to quickly create pages with limited CSS. Expand your CSS capabilities and do it quickly with these advanced tools. 

Prerequisite: HTML and CSS coding experience is required for this course. 

This course is delivered in partnership with Noble Desktop, a leading design school in NYC with over three decades of experience.

COVID-19 Note: All New York classes will be held live online until June 30, 2020. Participants can retake the course in-person within a year. Upon registration, we will assist with any required setup. 

Flexbox, Grid, & Bootstrap Course Dates

All classes start at 10:00 a.m. and end at 5:00 p.m. Eastern time and are led by a live instructor.

Course Title Course Dates Course Location Fee Register
Flexbox, Grid, & Bootstrap

NYC

American Graphics Institute American Graphics Institute
New York
American Graphics Institute
AGI Training New York
21 W 46th St.
New York, NY 10036
1969-12-31T19:00:00-05:00 $650.00
Flexbox, Grid, & Bootstrap

NYC

American Graphics Institute American Graphics Institute
New York
American Graphics Institute
AGI Training New York
21 W 46th St.
New York, NY 10036
1969-12-31T19:00:00-05:00 $650.00
Flexbox, Grid, & Bootstrap

NYC

American Graphics Institute American Graphics Institute
New York
American Graphics Institute
AGI Training New York
21 W 46th St.
New York, NY 10036
1969-12-31T19:00:00-05:00 $650.00

Flexbox, Grid, & Bootstrap: Full Overview

Section 1

  • Intro to Flexbox
  • Flexbox: Sizing & Alignment
  • Flexbox: Vertical Centering on a Full Screen Background
  • Flexbox Wrapping

Section 2

  • Flexbox: Reordering Content
  • Flexbox: Creating a Responsive Pricing Grid
  • Bootstrap: Getting Started
  • Bootstrap: More About Grids & Components

Section 3

  • Bootstrap: Spacing & Adapting Layout Across Screen Sizes
  • Intro to Grid
  • Grid: Sizing & Placing Items Within the Grid
  • Grid: Minmax, Auto-Fit, & Auto-Fill

Section 4

  • Grid: Template Areas
  • Grid: Alignment, Centering, & Reordering Content
  • Grid: Laying out an Article
  • Grid: A Responsive Image Gallery (Masonry Layout)

Flexbox, Grid, & Bootstrap: Prerequisites

HTML and CSS coding experience is required for this course.

Flexbox, Grid, & Bootstrap: Course Materials

You will receive a copy of the comprehensive workbook book created by the instructors. This book also serves as a resource for you after the class.

Available Delivery Methods For This Class

CLASSROOM
LIVE ONLINE
PRIVATE
MY LOCATION