CSS Grid Masterclass

CSS Grid Masterclass, available at $22.99, has an average rating of 4, with 56 lectures, based on 18 reviews, and has 118 subscribers.

You will learn about CSS Grid Responsiveness Native CSS grid system FR unit Grid gap Auto-fit and auto-fill Implicit grid Content based size Positioning Layering Accessibility This course is ideal for individuals who are Beginner web developers or Intermediate web developers It is particularly useful for Beginner web developers or Intermediate web developers.

Enroll now: CSS Grid Masterclass

Summary

Title: CSS Grid Masterclass

Price: $22.99

Average Rating: 4

Number of Lectures: 56

Number of Published Lectures: 56

Number of Curriculum Items: 56

Number of Published Curriculum Objects: 56

Original Price: $199.99

Quality Status: approved

Status: Live

What You Will Learn

CSS Grid
Responsiveness
Native CSS grid system
FR unit
Grid gap
Auto-fit and auto-fill
Implicit grid
Content based size
Positioning
Layering
Accessibility

Who Should Attend

Beginner web developers
Intermediate web developers

Target Audiences

Beginner web developers
Intermediate web developers

This is the most advanced and detailed resource online for learning about CSS Grid.

CSS Grid is a native grid system for CSS. That means you can now create rows and columns natively without relying on 3rd party frameworks or writing loads of boilerplate code. It is also very versatile, allowing you to create all kinds of layout configurations easily.

This course is designed to teach you CSS Grid in an easy and straightforward manner.

I will teach you the foundations of the technology, how to set up your project, creating your first grid and loads of other foundational concepts that you will use extensively in your projects. We will also cover in depth advanced topics like responsiveness, layering and many more.

Perhaps the best part of this course is the final project. I have put a lot of effort into this project, to make sure you get a realistic, commercial level experience building a website from scratch.

I will answer all your queries and questions, and if you run into any issues I am here to help you. And remember it has a 30 day money back guarantee so take a look at the course and check out the preview videos.

I have no doubt that by the end of this course you will feel confident in your ability to use CSS Grid in your next project.

Course Curriculum

Chapter 1: Welcome

Lecture 1: Course overview

Lecture 2: What will you learn

Lecture 3: A quick word about Udemy reviews

Lecture 4: Project overview

Lecture 5: Setup: Install node and npm

Lecture 6: How to take this course

Chapter 2: Introduction to CSS Grid

Lecture 1: Section overview

Lecture 2: What is a CSS grid

Lecture 3: Creating our first grid

Lecture 4: Rows and columns in a CSS grid

Lecture 5: Let's talk about the FR unit

Lecture 6: An easier way to make rows and columns

Lecture 7: Add a grid gap

Lecture 8: Use auto-fit and auto-fill

Lecture 9: What is an implicit grid

Lecture 10: Size based on content

Lecture 11: Challenge and solution

Chapter 3: Positioning and naming

Lecture 1: Section overview

Lecture 2: Positioning grid Items using line numbers part 1

Lecture 3: Positioning grid Items using line numbers part 2

Lecture 4: Positioning grid Items using grid area

Lecture 5: Naming grid lines

Lecture 6: Positioning grid Items & accessibility

Lecture 7: Layering grid items

Lecture 8: Challenge & solution

Chapter 4: Alignment

Lecture 1: Aligning grid item

Lecture 2: Aligning grid tracks

Chapter 5: Hamburger Co Project

Lecture 1: Introduction

Lecture 2: Header

Lecture 3: Banner part 1

Lecture 4: Banner background

Lecture 5: Banner styling content

Lecture 6: About HTML markup

Lecture 7: About styling part 1

Lecture 8: About styling part 2

Lecture 9: Menu markup

Lecture 10: Menu styling part 1

Lecture 11: Menu styling part 2

Lecture 12: Make a reservation

Lecture 13: Image grid part 1

Lecture 14: Image grid part 2

Lecture 15: Auto flow dense

Lecture 16: Delivery partners

Lecture 17: News part 1

Lecture 18: News part 2

Lecture 19: Contact form

Lecture 20: Contact images

Lecture 21: Footer HTML

Lecture 22: Footer styling

Lecture 23: Nav menu part 1

Lecture 24: Nav menu part 2

Lecture 25: Nav menu part 3

Lecture 26: Responsive styling part 1

Lecture 27: Responsive styling part 2

Lecture 28: Responsive styling part 3

Chapter 6: Conclusion

Lecture 1: Conclusion

Instructors

Code gurus by Catalin
Technology for your future
Dennis Singh
Web Developer and Educator

Rating Distribution

1 stars: 0 votes
2 stars: 2 votes
3 stars: 1 votes
4 stars: 5 votes
5 stars: 10 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!

Menu