Responsive CSS- Flexbox and Grid

Responsive CSS: Flexbox and Grid, available at $49.99, has an average rating of 4.55, with 30 lectures, 1 quizzes, based on 54 reviews, and has 2271 subscribers.

You will learn about 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 This course is ideal for individuals who are CSS developers who want to update their CSS skills to the most modern level or CSS developers who want to expand their toolset to flexbox, Grids or Front-end developers who want to finally understand how CSS works behind the scenes It is particularly useful for CSS developers who want to update their CSS skills to the most modern level or CSS developers who want to expand their toolset to flexbox, Grids or Front-end developers who want to finally understand how CSS works behind the scenes.

Enroll now: Responsive CSS: Flexbox and Grid

Summary

Title: Responsive CSS: Flexbox and Grid

Price: $49.99

Average Rating: 4.55

Number of Lectures: 30

Number of Quizzes: 1

Number of Published Lectures: 30

Number of Published Quizzes: 1

Number of Curriculum Items: 31

Number of Published Curriculum Objects: 31

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

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

Target Audiences

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

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

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Chapter 2: CSS Grid Layout Introduction

Lecture 1: CSS Grid Layout Introduction

Chapter 3: CSS Grid Building with Rows & Columns Tutorial

Lecture 1: CSS Grid Building with Rows & Columns Tutorial

Chapter 4: CSS Grid-Gap Tutorial

Lecture 1: CSS Grid-Gap Tutorial

Chapter 5: CSS Grid Items Positioning Tutorial

Lecture 1: CSS Grid Items Positioning Tutorial

Chapter 6: CSS Grid Items Spanning Tutorial

Lecture 1: CSS Grid Items Spanning Tutorial

Chapter 7: CSS Grid Lines Naming Tutorial

Lecture 1: CSS Grid Lines Naming Tutorial

Chapter 8: CSS Grid Area Naming Tutorial

Lecture 1: CSS Grid Area Naming Tutorial

Chapter 9: CSS Grid MinMax function Tutorial

Lecture 1: CSS Grid MinMax function Tutorial

Chapter 10: CSS Grid Implicit & Explicit Grid Tutorial

Lecture 1: CSS Grid Implicit & Explicit Grid Tutorial

Chapter 11: CSS Grid Items Alignment Tutorial

Lecture 1: CSS Grid Items Alignment Tutorial

Chapter 12: CSS Grid Tracks Alignment Tutorial

Lecture 1: CSS Grid Tracks Alignment Tutorial

Chapter 13: CSS Grid Auto-Fill & Auto-Fit Tutorial

Lecture 1: CSS Grid Auto-Fill & Auto-Fit Tutorial

Chapter 14: CSS Grid Fit-Content Tutorial

Lecture 1: CSS Grid Fit-Content Tutorial

Chapter 15: CSS Grid Order Property Tutorial

Lecture 1: CSS Grid Order Property Tutorial

Chapter 16: Nested Grids Tutorial

Lecture 1: Nested Grids Tutorial

Chapter 17: Overlapping Grid Items Tutorial

Lecture 1: Overlapping Grid Items Tutorial

Chapter 18: CSS Flexbox Introduction Tutorial

Lecture 1: CSS Flexbox Introduction Tutorial

Chapter 19: CSS Flexbox Flex-Direction Tutorial

Lecture 1: CSS Flexbox Flex-Direction Tutorial

Chapter 20: CSS Flex-Wrap & Flex-Flow Tutorial

Lecture 1: CSS Flex-Wrap & Flex-Flow Tutorial

Chapter 21: CSS Flexbox Justify-Content Tutorial

Lecture 1: CSS Flexbox Justify-Content Tutorial

Chapter 22: CSS Flexbox Align-Items Tutorial

Lecture 1: CSS Flexbox Align-Items Tutorial

Chapter 23: CSS Flexbox Align-Content Tutorial

Lecture 1: CSS Flexbox Align-Content Tutorial

Chapter 24: CSS Flexbox Align-Self Tutorial

Lecture 1: CSS Flexbox Align-Self Tutorial

Chapter 25: CSS Flexbox Order Tutorial

Lecture 1: CSS Flexbox Order Tutorial

Chapter 26: CSS Flexbox Flex-Grow Tutorial

Lecture 1: CSS Flexbox Flex-Grow Tutorial

Chapter 27: CSS Flexbox Flex-Basis Tutorial

Lecture 1: CSS Flexbox Flex-Basis Tutorial

Chapter 28: CSS Flexbox Flex-Shrink Tutorial

Lecture 1: CSS Flexbox Flex-Shrink Tutorial

Chapter 29: CSS Flexbox with Margin Auto Tutorial

Lecture 1: CSS Flexbox with Margin Auto Tutorial

Chapter 30: CSS Flexbox – Nested Flex Tutorial

Lecture 1: CSS Flexbox – Nested Flex Tutorial

Instructors

Jayanta Sarkar
I am a Python programmer and full stack web developer

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 3 votes

4 stars: 19 votes

5 stars: 32 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!