Coronavirus (COVID-19) information: Live classes available in-person or online from our fully vaccinated instructors. Learn more about our reopening.


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 are led by a live instructor. Class times listed are Eastern time.


Please call 800-851-9237 or 781-376-6044 to schedule a course.

Contact AGI to request course dates.

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