CSS Grid

Description #

CSS Grid Layout is known as CSS Grid or just Grid. A web frontend developer should use Grid on any page component that requires a two-dimensional layout. However, Grid works perfectly for small one dimensional containers as much as CSS Flex, which is often categorized as the choice for a one-dimensional, dynamic, and wrapping optional but not uniformly, which may be desired.

Where this knowledge is utilized #

• WDD 130
• WDD 230
• WDD 330
• CSE 340

Prerequisites #

• Basic understanding of CSS CSS Introduction

Prepare #

• 📚 Read click.

• Understanding Grid
• Using Grid Area
• Using Grid Templates versus Column/Row

Ponder #

• 👷🏽‍♀️ Activity: Grid Layout
• 👷🏽‍♀️ CSS Grid Garden Tutorial

Additional References #

• 📚 A Complete Guide to Grid
• 🎦 Learn CSS Grid Tutorial with Wes Box