A brand new CSS layout system called CSS Grid is slowly being introduced to the web. It's a two-directional layout system, unlike most other layouts like flexbox and floats. In the first part of a series, we explore the power of CSS Grid.

In our series of videos on the new CSS Grid layout, we talk about how to make a grid with overlapping images in a modern fashion portfolio.

Overlapping Layouts with CSS Grid

Code

In a previous video, we talked about how to make arrows point at your mouse cursor. This time, we flip it around and make your cursor an arrow that points to a particular spot on the page!

Introducing CSS Grids

Overlapping Layouts with CSS Grid

Custom Cursors and Pointing at a Point

Related posts

Ask a Project Manager #7: How Do I Land My First Digital Project Management Role?

Why Learning React is a Really Great Idea

How Do You Grow a Creative Business?

Want more? Sign up for our newsletter for more articles, resources, and fresh inspiration