YoVDO

CSS Grid

Offered By: YouTube

Tags

HTML & CSS Courses Graphic Design Courses Flexbox Courses Responsive Design Courses CSS Grid Courses

Course Description

Overview

Explore the powerful capabilities of CSS Grid through a comprehensive video series spanning 2 hours and 30 minutes. Dive into key concepts, from basic principles to advanced techniques, and discover how CSS Grid revolutionizes web layout design. Master creating incredibly easy and responsive layouts, learn to emulate artistic styles like Mondrian, and unlock innovative approaches to graphic design. Understand the effective use of whitespace, overlapping elements, and flexibility in web design. Delve into content sizing, FR units, and MinMax functions to achieve optimal layouts. Compare CSS Grid with Flexbox, learn how to use them together, and avoid common mistakes. Gain practical skills to elevate your web design proficiency and create stunning, efficient layouts for modern websites.

Syllabus

Basics of CSS Grid: The Big Picture
Incredibly Easy Layouts with CSS Grid
Responsive Mondrian – a demo of CSS Grid
Innovative & Practical Graphic Design with CSS Grid
CSS Grid like you are Jan Tschichold
Whitespace on The Web! — with CSS Grid
Overlap on the Web, Graphic Design Made Easy with CSS Grid
Flexibility & The Fold – new possibilities with CSS Grid
Min & Max Content Sizing in CSS Grid — 1/3 Flexibility
FR Units in CSS Grid — 2/3 Flexibility
MinMax in CSS Grid — 3/3 Flexibility
Flexbox vs. CSS Grid — Which is Better?
Using Flexbox + CSS Grid Together: Easy Gallery Layout
Internet Explorer + CSS Grid????
9 Biggest Mistakes with CSS Grid


Taught by

Layout Land

Related Courses

Advanced CSS Concepts
Microsoft via edX
Тонкости верстки
Moscow Institute of Physics and Technology via Coursera
CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy
Build Responsive Real-World Websites with HTML and CSS
Udemy
HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy