CSS grid is a new way for creating a 2 dimensional layout that gives you the ability to create any advanced web pages layout with an easy way and literally short lines of code.

This course targets all front-end developers or if you are a designer who is coding some HTML & CSS for creating pages/ components layout.

In this course we start from beginning to know :

• The CSS grid terminology (which are the basis that will help you learn CSS grid easily).
  

Then Will cover all the css grid properties that gives us the ability of creating advanced and creative layouts. Such as:

• Grid display properties

• Grid-template- columns&rows

• Grid units

• Grid-gap

• Grid-auto-flow

• The explicit & implicit lines

• naming the grid lines

• the Repeat and Minmax functions

• Ways of positioning the grid items

• Grid items overlapping

• The grid alignments

And each property you will learn by practice. As there is an exercise file for each explained property in this course, so you can apply it by yourself after each video.

Not only that!

We will apply all these css grid concepts and properties in a real project, which is designed specifically for this course. So you can apply all what you will learn by this course on real practical project.

So what you are waiting for? enroll now and see you there :)