logo

CSS Essentials: Getting Started with CSS Grid

feature icon

Self-paced course

Price

Rating

Overview

Want to build fast and flexible two-dimensional layouts in CSS? Learn how with CSS Grid!

Join web guru, speaker, and author Rachel Andrew for this class all about CSS Grid: the most powerful layout system available in CSS. With CSS Grid, you can now define both rows and columns, making it a two-dimensional system that opens up a whole new world of layout possibilities. Throughout the class, Rachel breaks down CSS Grid and shows you the powerfully responsive and flexible structures it allows you to implement into your designs.

Key lessons include:

  • Adding gaps and borders with a single line of code
  • Nesting grids to create easy overlays
  • Creating hero images by combining manual and auto placement
  • Incorporating responsiveness for viewing at any screen size

Whether you’re a relatively new to CSS or have been using it since day one, this class will show you how to create large-scale, unique, and asymmetrical layouts with ease and efficiency. Every developer should know about CSS Grid, and after this you’ll be ready to implement it into your next project.

Skills you will gain

Similar courses

course image
Hand-Code Your First Website: HTML + CSS Basics
logo
Skillshare
course image
Figma to Webflow: Complete Web Design Course
logo
Skillshare
course image
Coding for Beginners 1: You Can Code!
logo
Skillshare
course image
Understanding Web Development: A Beginners Guide to the Web
logo
Skillshare
course image
(NEW)Learn to Code and Build Real World Projects-2022
logo
Skillshare
course image
Full Stack Web Development for Beginners- Part 1: HTML, CSS, Responsive Design
logo
Skillshare

Featured articles

Sep 12, 2022

WATCH these YouTube videos if you can't start learning a language

5

0
1
4K

Sep 12, 2022

How Memrise works + reviews [2022]

6

0
1
4K

Sep 12, 2022

5 tips to learn languages with YouTube videos [2022]

7

0
1
4K

Sep 12, 2022

How I Became a Marketing Manager at Microsoft

8

0
1
2K

Sep 24, 2022

How Edureka works + reviews [2022]

3

0
2
2K

Sep 27, 2022

How Codecademy works + reviews [2022]

3

0
2
2K
course image
feature icon

4982 students

feature icon

English

feature icon

Beginner

Provided by

Authored by