Udemy

Advance CSS Grid - Build 4 Major Responsive Websites

Enroll Now
  • 1,347 Students
  • Updated 12/2025
4.2
(43 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
10 Hour(s) 30 Minute(s)
Language
English
Taught by
Rahul Giri
Rating
4.2
(43 Ratings)
3 views

Course Overview

Advance CSS Grid - Build 4 Major Responsive Websites

Learn everything about css grid with flexbox and build production ready English, arabic and chinese websites and more...

Top Reviews-

Solid overall tutorial, covered material I was looking for... The tutorial fast pace, zero bullshit time covering the history/development of CSS-Grid or spending too much time trying to explain the new CSS Grid properties- By Arin K.

The BEST CSS Grid course I have had so far. - By Sepideh E.

Thorough, well-prepared course with resources for learning and reference. Using Visual Studio Code with a built-in live server simplifies the process of following along, experimenting, and viewing files. Learned a lot and appreciate the instructor’s upbeat and on-point presentation - By Araby G.

and more...

Web technology changing so rapidly. we see lots and lots of new tech and feature almost every day. these new tech and features are here to make our life easier than ever before. just like CSS Grid.

CSS Grid is the first truly CSS Grid layout feature designed to layout the web. this new fascinating feature of CSS is here to give almost all kinds of tools and properties that can create the most complex grid layout in just the blink of an eye.

So in this course, this is what exactly you gonna learn. you will learn CSS Grid from start to finish and bottom to top. just everything by building 4 major websites.

We will build.

  1. Robotics website

  2. Arabic website

  3. Resume website

  4. Chinese Website

apart from that, you will learn everything with many small demo projects.

All the Source files for this course are included...

let's get started.

Course Content

  • 10 section(s)
  • 95 lecture(s)
  • Section 1 Mastering the basics of css grid
  • Section 2 CSS grid and Flexbox
  • Section 3 Auto-placement in CSS Grid Layout
  • Section 4 Box alignment in CSS Grid Layout
  • Section 5 Line-based placement with CSS Grid
  • Section 6 Powerful grid template areas
  • Section 7 Layout using named grid lines
  • Section 8 CSS Grid functions
  • Section 9 CSS grids, logical values and writing modes
  • Section 10 [Project] Robotics Website: Building Modern Website with MDL & CSS Grid

What You’ll Learn

  • Build complex web layout in just couple minutes.
  • You will be able to create almost any layout based system, Latin(LTR), Arabic(RTL), Han CJK (Vertical).


Reviews

  • R
    Ray XXX
    2.0

    His accent is difficult, at critical points in lecture he either skips nesessary instruction or says it in a way you can't understsand.

  • A
    Araby Greene
    5.0

    Thorough, well-prepared course with resources for learning and reference. Using Visual Studio Code with built-in live server simplifies the process of following along, experimenting, and viewing files. Learned a lot and appreciate the instructor’s upbeat and on-point presentation.

  • U
    Udemy User
    1.0

    not good a teaching.

  • D
    Don Brenneman
    4.0

    I enjoyed it. The instructor responded to my questions appropriately and helpfully.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed