Coronavirus (COVID-19) information: All courses at all locations are available as live online classes. Limited in-person classes in some locations. Our offices remain open. Learn more.


Flexbox, Grid, & Bootstrap in NYC on Dec 05, 2020

Flexbox, Grid, & Bootstrap

Sat, Dec 5 2020 to
Sat, Dec 12 2020
10:00 am to 5:00 pm
American Graphics Institute American Graphics Institute
AGI Training New York City
American Graphics Institute AGI Training New York
21 W 46th St.
New York NY 10036

2020-05-08 15:02:22 $650.00

In this hands-on class, you’ll learn how to use flexbox and grid to create adaptable layouts, reorder webpage content, and more.

Download Course Description (PDF)     See all Web Development Training Classes

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)