Course of Deep Dive into CSS Grid

Núria SorianoRafa GómezIsma Navarro

By Núria Soriano, Rafa Gómez y Isma Navarro Frontend

Learn how to take advantage of CSS Grid to create flexible layouts without the need for frameworks.

💸 First lesson available without registration 💸

CSS Grid represented a turning point in the way we layout web pages. Despite the flexibility it offers, you may not know how to take full advantage of Grid, or it may be easier for you to rely on column systems provided by frameworks like Bootstrap or Tailwind, which are much more rigid than what Grid allows.

With this course, you will understand how Grid works and all its related properties and units, enabling you to go much further and create advanced, flexible, and responsive layouts with ease.

With this course you will learn to:

  • 🤔 Understand how Grid works in depth
  • 👟 Implement Grid mobile-first step by step
  • 📐 Explicit and implicit Grid
  • 🎯 Position elements in the Grid flexibly
  • 📲 Create responsive layouts without the need for media queries
  • 🚀 Create advanced layouts with Grid
  • 🧓 Adapt your layout to older browsers that do not support Grid

Related courses

Pay according to your needs

lite (only monthly)

19 €
per month

standard

24,92 €
Save vs monthly of 49 €
Annual payment of 299
per month
  • Main catalog to master writing maintainable, scalable, and testable code
  • Receive job offers verified by Codely
  • Company invoice
Save 189 €

premium

33,25 €
Save vs monthly of 89 €
100 € anniversary discount
Annual payment of 399
per month
  • Exclusive AI courses to keep you always up to date
  • Early access to new courses
  • Discount on workshops
  • Receive job offers verified by Codely
  • Company invoice

We won't increase the price while your subscription is active

Course of Deep Dive into CSS Grid ﹤🍍﹥ Codely