CSS grid tutorial: 13 tips and tricks which you should know as a web developer

When we build front-end, always we need to create a structure of our page, and very often, we need to create any grid. We can position elements in a few ways. For example, in the previous article, I showed you how we could do it via flexbox.

So, today, I would like to show you one more tool which I want to use, named CSS Grid. Let’s see the most popular (and most often used by me) methods which can save a lot of our time.

1. How to align elements to the left (justify-content: left)

If we would like to align all of the elements (content) to the left side of the container we can easily do it by just adding to our container property justify-content: left.

2. How to align elements to the right (justify-content: right)