Mastering CSS Grid

Learn CSS Grid from zero to mastery
English [Auto]
Learning CSS Grid from zero to mastery
Learning CSS Grid Terminology
Learning all CSS Grid properties, units and functions
Difference between CSS Grid & CSS Flexbox
How to apply CSS Grid easily for your basic and complex designs
Apply all CSS Grid properties and concepts on practical project


  • Basic knowledge of HTML and CSS


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.

The course is 100% free for limited time. So what you are waiting for? enroll now and see you there :)

Who this course is for:

  • Beginner to advanced frontend developers
  • UI/UX Designers who coding HTML & CSS

Course content

6 sections28 lectures1h 51m total length
  • Welcome to the CSS Grid course
  • Course materials


Frontend Developer
Hesham Hassan
  • 4.7 Instructor Rating
  • 26 Reviews
  • 1,908 Students
  • 1 Course

Hi, My name is Hesham, frontend developer and so obsessed about CSS. I've been working with international companies in Egypt, USA and recently Europe. Currently working as senior frontend developer at Netcentric. I will be glad if you could take a look on my first free course "CSS Grid". I'll see you there ;)