When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.

Udemy logo

CSS Grid - Master CSS Grid + Layout Task + 5 Real World Ex.

Master CSS Grid and create responsive layouts. Learn CSS Grid by doing layout tasks and 5 Real World CSS Grid Exercises.

     
  • 5
  •  |
  • Reviews ( 91 )
₹519

This Course Includes

  • iconudemy
  • icon5 (91 reviews )
  • icon2h 40m
  • iconenglish
  • iconOnline - Self Paced
  • iconprofessional certificate
  • iconUdemy

About CSS Grid - Master CSS Grid + Layout Task + 5 Real World Ex.

Wanna learn &

master

CSS Grids. You are at the right place. I will teach you CSS grid

from scratch

. I will cover

every concept

you will

ever find

in CSS grids.

Why Choose this course??

Every concept is

explained

5

Real World Exercises +

1

Layout Task

No theories/talks, just

practical

stuff

Explained everything

with examples

Exercises as a

milestone

. Which makes you master and confident.

Never get bored with my

animations

& examples.

Learn how to create

responsive layouts.

Terminology

explained. So, you don't need to scratch the internet on a new word.

English closed captions (correct not auto-generated)

Coded files

Downloadable Videos Learn how CSS can give you more flexible grid system. This course will start _from scratch_ with your

basic HTML & CSS

knowledge.I will give you every explanations and terminology in best easy way possible with my great

animation presentation

. So, you won't get confused at any point. You will learn

from basics

of CSS grid system and then to some light weight topics which will keep you refreshed and

confident

in coding. Course cover

5 real world exercises

. You will face each exercise when you are done learning the required concepts to finish that exercise. This will force you in

doing code

, even if you are lazy. I promise that will be

fun

. At one point I will give you

layout task

so you can practice and try your hands on sample layout. I will not give you layout with content like images and text in it. But, We will create basic layout that can help you later when building layout with images and text based content. And you will learn total 3 different methods to build this sample layout. Then you will get in more complex stuff where you will learn- aligning items- aligning tracks- what is explicit grids- how to handle and work with content. So, in the end when you will

finish

this course, You will be ready to rock in the world of CSS grids. You will be

able

to create

complex layouts

easily because of

exercises

you have done. Your

mastery

will payoff my efforts of creating exercises. Course update: - Exercise 1 - Feature Section - Exercise 2 - About Us Section - Exercise 3 - Blog page Layout - Exercise 4 - Products Page (responsive) - Exercise 5 - Blog page Layout (responsive) At the end we will learn most important thing now a days,

Responsive layout.

We will learn how to build responsive layout using CSS grid system

without

writing even single

media query

.

Don't overthink

. Trust me and

enroll

in this most comprehensive CSS grid course.

See you in the course

.

What You Will Learn?

  • Every concept is explained. .
  • 5 Real World Exercises + 1 Layout Task. .
  • Explained everything with examples. .
  • No theories/talks, just practical stuff. .
  • Exercises as milestone. Be master and confident. .
  • Learn how to create responsive layouts. .
  • Learn with animations & examples..