CA$179 – CA$229

CSS Grids: Simplifying Advanced Layouts

Event Information

Share this event

Date and Time

Location

Location

HackerYou

483 Queen Street West

Third Floor

Toronto, ON M5V 2A9

Canada

View Map

Refund Policy

Refund Policy

Refunds up to 7 days before event

Friends Who Are Going
Event description

Description

CSS grids were introduced into browsers this year, and moving forward, CSS will never be the same! With this new addition to CSS, complex layouts are not only possible, but easy to build. In this workshop, you will learn how to create advanced layouts with the latest and greatest CSS of the future. You'll leave with the tools to be able to implement CSS Grids today, with fallbacks for older browser support.

Whether your knowledge of HTML and CSS is basic, or you have been doing this for years, this workshop is for you. Now is the time to learn CSS Grids, and maybe make a few fun puppy-themed sites along the way!


What will I learn?

  • CSS grids
  • Feature Queries
  • The differences between flexbox and CSS Grid, and when to use each
  • How to create a 12 column grid without a grid framework like Bootstrap or Foundation
  • How to start using grid today, no matter what browsers you need to support
  • Tips on making your CSS Grid layout accessible
  • Students will leave with a grid ‘cheatsheet’

What will I build?

  • You will complete 3 grids exercises and will work on completing a complex layout using grids

What will I need to bring?

  • Sublime Text, or another plain-text editor
  • Computer running latest OSX or Windows
  • Mozilla Firefox

What are the prerequisites?

  • Basic HTML and CSS knowledge
  • Self Check: This workshop is for you if you are able to create layouts with floats and flexbox


This workshop is facilitated by Tiffany Nogueira (Head of Part-Time JavaScript, HackerYou).

Lunch will be provided! Please contact us if you have any dietary restrictions.

Refunds for HackerYou workshops will only be given if we are notified 7 days prior to the event.


Share with friends

Date and Time

Location

HackerYou

483 Queen Street West

Third Floor

Toronto, ON M5V 2A9

Canada

View Map

Refund Policy

Refunds up to 7 days before event

Save This Event

Event Saved