Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Responsive CSS: Flexbox and Grid
Rating: 4.5 out of 5(58 ratings)
2,288 students

Responsive CSS: Flexbox and Grid

The most advanced and modern CSS course for responsive layout : master flexbox, CSS Grid, responsive design, and so much
Created byJayanta Sarkar
Last updated 4/2024
English

What you'll learn

  • CSS Grid layouts: build a huge real-world project with CSS Grid
  • Flexbox layouts: build a huge real-world project with flexbox
  • CSS Grid Layout Introduction
  • CSS Grid Building with Rows & Columns
  • CSS Grid-Gap Tutorial
  • CSS Grid Items Positioning Tutorial
  • CSS Grid Items Spanning Tutorial
  • CSS Grid Lines Naming Tutorial
  • CSS Grid Area Naming Tutorial
  • CSS Grid Implicit & Explicit Grid Tutorial
  • CSS Grid Items Alignment Tutorial
  • CSS Grid Auto-Fill & Auto-Fit Tutorial
  • CSS Grid Fit-Content Tutorial
  • CSS Grid Order Property Tutorial
  • Overlapping Grid Items Tutorial
  • CSS Flexbox Introduction Tutorial
  • CSS Flexbox Flex-Direction Tutorial
  • CSS Flex-Wrap & Flex-Flow Tutorial
  • CSS Flexbox Justify-Content Tutorial
  • CSS Flexbox Align-Items Tutorial
  • CSS Flexbox Align-Content Tutorial
  • CSS Flexbox Align-Self Tutorial
  • CSS Flexbox Flex-Grow Tutorial
  • CSS Flexbox Flex-Basis Tutorial
  • CSS Flexbox with Margin Auto Tutorial

Course content

30 sections30 lectures2h 35m total length
  • Introduction1:36

    this is the introduction video of the Advanced CSS grid and flexbox Course.

    hello my name is Jayanta Sarkar professionally I am web developer and an instructor.

Requirements

  • Beginner level knowledge of HTML5 and CSS3 is required
  • Have a computer + internet connection

Description

If you want to learn how to create modern, beautiful and real-world websites using just pure CSS, then this is the right course for you.

This is the most up to date and extensive course regarding CSS Flexbox and CSS Grid,

In this course you will learn all about CSS Flexbox and how it incorporates into real-world websites. You will learn the fundamentals of UI web design and responsive web design along with best practices. We will take a deep dive into the topic of CSS Grid and all the nuts and bolts of it.

In this course we will teach all the topics in CSS grid and flexbox from the beginning.

So, after finishing this course, you will know exactly how to build a beautiful, professional, and ready-to-launch website . And it will even look great on any computer, tablet, and smartphone.


What you'll learn:

CSS Grid layouts: build a huge real-world project with CSS Grid

Flexbox layouts: build a huge real-world project with flexbox


Who this course is for:

CSS developers who want to update their CSS skills to the most modern level

CSS developers who want to expand their toolset to  flexbox, Grids

Front-end developers who want to finally understand how CSS works behind the scenes


Requirements:

Beginner level knowledge of HTML5 and CSS3 is required

Have a computer + internet connection

Who this course is for:

  • CSS developers who want to update their CSS skills to the most modern level
  • CSS developers who want to expand their toolset to flexbox, Grids
  • Front-end developers who want to finally understand how CSS works behind the scenes