Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

CSS Grid Tutorial - Responsive Design Examples

LearnWebCode via YouTube

Overview

This course teaches learners how to create responsive designs using CSS Grid. By following along with CodePen examples and finished products, students will master techniques such as easy centering, avoiding extra wrapper divs, manually placing items, utilizing grid areas, achieving responsiveness without breakpoints, and getting creative with layouts. The teaching method involves practical demonstrations and hands-on coding exercises. This course is intended for individuals interested in advancing their web development skills and creating modern, responsive web designs.

Syllabus

Intro.
Example #1.
Easy Centering.
Avoid Extra Wrapper Div.
Manually Placing Items.
Grid Area.
Responsive Without Breakpoints.
Getting Creative.

Taught by

LearnWebCode

Reviews

Start your review of CSS Grid Tutorial - Responsive Design Examples

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.