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

See full catalogue

Pay according to your needs

lite (only monthly)

19 €
per month
  • Access to a subset of courses to lay the foundation for maintainable, scalable, and testable code
  • Company invoice
PopularLaunch Week

standard

20,75 €
Save 171
Annual payment of 249
per month
  • Full course catalog
  • Receive job offers verified by Codely
  • Company invoice
Launch Week

premium

37,42 €
Save 139
Annual payment of 449
per month
  • All previous benefits
  • Early access to new courses
  • Discount on workshops

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