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
Popular

standard

24,92 €
Save 121
Annual payment of 299
per month
  • Full course catalog
  • Design and architecture challenges
  • Highlighted solutions videos for challenges
  • Receive job offers verified by Codely
  • Company invoice

premium

41,58 €
Save 89
Annual payment of 499
per month
  • Everything above
  • More benefits coming soon

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