Mastering CSS Grid

Mastering CSS Grid, available at Free, has an average rating of 4.45, with 28 lectures, based on 89 reviews, and has 2642 subscribers.

You will learn about 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 This course is ideal for individuals who are Beginner to advanced frontend developers or UI/UX Designers who coding HTML & CSS It is particularly useful for Beginner to advanced frontend developers or UI/UX Designers who coding HTML & CSS.

Enroll now: Mastering CSS Grid

Summary

Title: Mastering CSS Grid

Price: Free

Average Rating: 4.45

Number of Lectures: 28

Number of Published Lectures: 28

Number of Curriculum Items: 28

Number of Published Curriculum Objects: 28

Original Price: Free

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

Beginner to advanced frontend developers

UI/UX Designers who coding HTML & CSS

Target Audiences

Beginner to advanced frontend developers

UI/UX Designers who coding HTML & 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.

So what you are waiting for? enroll now and see you there 馃檪

Course Curriculum

Chapter 1: Introduction

Lecture 1: Course introduction

Lecture 2: Course materials

Chapter 2: Intro to CSS Grid

Lecture 1: Is CSS Grid alternative for flexbox?

Lecture 2: CSS Grid terminology

Lecture 3: Grid display property

Chapter 3: CSS Grid container properties

Lecture 1: Setting columns and rows

Lecture 2: CSS Grid gap

Lecture 3: Implicit and Explicit tracks

Lecture 4: How to use minmax function

Lecture 5: auto-fill vs auto-fit

Lecture 6: grid-auto-flow property

Chapter 4: CSS Grid items properties

Lecture 1: Positoning items with line numbers

Lecture 2: positoning items with span

Lecture 3: Filling empty cells automatically

Lecture 4: Grid template area (part 1)

Lecture 5: Grid template area (part 2)

Lecture 6: Implicit grid lines

Lecture 7: Explicit grid lines (part 1)

Lecture 8: Explicit grid lines (part 2)

Chapter 5: CSS Grid alignments

Lecture 1: Alignment properties

Lecture 2: Alignment properties – practical

Lecture 3: place property

Chapter 6: Project

Lecture 1: Project overview and how to start

Lecture 2: section 1 (header)

Lecture 3: section 2

Lecture 4: section 3

Lecture 5: section 4

Lecture 6: section 5

Instructors

Hesham Hassan
Frontend Developer

Rating Distribution

1 stars: 0 votes

2 stars: 2 votes

3 stars: 4 votes

4 stars: 21 votes

5 stars: 62 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!