Home Categories CSS Grid

Mastering CSS Grid 2023 - With 3 cool projects

Learners: 42,377

Instructor: Daryl Duckmanton

Duration:

This course is perfect for anyone looking to master CSS Grid in 2023. It covers all the properties, alignment, responsive web design, grid areas, implicit and explicit grids, animation, and more. You'll learn how to solve basic layout problems, and then move on to more advanced topics such as the Holygrail layout, Media Objects layout, and more. Finally, you'll get to apply your knowledge with 3 real-life application examples, including a Chat UI interface, an Uber Eats Clone Responsive Application, and a YouTube Clone Responsive Application. Mastering CSS Grid 2023 is the perfect course for anyone looking to become a CSS Grid expert.▼▲

Course Feature Course Overview Pros & Cons Course Provider

Go to class

Course Feature

Cost:

Paid

Provider:

Udemy

Certificate:

Paid Certification

Language:

English

Start Date:

2019-10-15

Course Overview

❗The content presented here is sourced directly from Udemy platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [July 18th, 2023]

This course, Mastering CSS Grid 2023 - With 3 cool projects, is designed to help students learn the fundamentals of CSS Grid. Students will learn all the properties of CSS Grid, how they work, and any gotchas that may arise when using them. Alignment and how it works in CSS Grid, including the alignment of tracks and grid items at the grid container level, will also be covered. Additionally, the basics of responsive web design, such as media queries and how they work with mobile / tablet etc., will be discussed. Grid areas and how it helps simplify responsive web design, the concept of implicit and explicit grids and what the differences are, and animation at a high level and what works currently with CSS Grid will also be covered.

The course will then move on to showing students how to solve basic layout problems, such as column based layout, basic sidebar layout, vertical text alignment, modal alignment, stick footer layout, and formatting form fields. Advanced layout topics, such as the Holygrail layout, the Media Objects layout, a Viewport Friendly Image Gallery, a Responsive Image Gallery, an Animated Sidebar, a Monthly Calendar layout, a Newspaper Cover layout, a Responsive Twitter Clone Layout, and a Responsive Movie Gallery will also be discussed.

Finally, students will have the opportunity to apply their knowledge to three real life application examples: a Chat UI interface, an Uber Eats Clone Responsive Application, and a YouTube Clone Responsive Application. By the end of the course, students will have a comprehensive understanding of CSS Grid and how to use it to create a variety of different layouts.

Pros & Cons

Pros Cons

The course is highly informative and provides a lot of information and practice opportunities. Users appreciate the depth of knowledge gained from the course. The instructor explains CSS Grid in an easy and comprehensive manner, making it easy for users to understand and apply in real-world applications.

Some users found it difficult to follow the lectures because the instructor used shortcut snippets for HTML and CSS, making it challenging to understand and apply the CSS Grid system in the three cool projects. The CSS grid lessons in the final three projects are buried in hundreds of lines of cut and pasted code, making it difficult for users to focus on the lessons themselves. This issue is common in many HTML and CSS courses on Udemy, where the balance between real-world examples and teaching the basics becomes a challenge. However, the course provides all the code in a zip file, allowing users to revisit the lessons at their own pace.