| OSTraining News

CSS Grid is revolutionizing the frontend web-design industry.

For the last 20 years, web designers have used CSS to lay out web pages. However, CSS has always been missing some key functionality. Designers had to rely on workarounds, such as tables, floats, and positioning.

Isn't it crazy that our main layout tool was so reliant on hacks and misused features?

CSS Grid is different and better.

CSS Grid allows you to create a grid-based layout system, using columns and rows. You don't have to use any workarounds. You don't have to use different hacks for different browsers. You don't have to install any extra frameworks.


About CSS Grid Explained

CSS Grid Explained

CSS Grid Explained is the 10th book from OSTraining, and it's a fun, practical introduction to CSS Grid.

In this short book, you are going to master the key ideas behind CSS Grid. This book is in the best traditions of OSTraining. There are no long-dense paragraphs of theory. You pick up the book and you start writing code immediately.

In the first chapter, we start with the basic terminology. You'll learn the difference between Grid Areas and Grid Cells, between Grid Tracks and Grid Gaps.

Then, using a hands-on approach, you'll start building CSS Grids. There are 9 different exercises in this book. You'll build everything from the most basic CSS Grid to a full site layout.

Join OSTraining and get this book


About the author

Steve is the founder of OSTraining. Originally from the UK, he now lives in Sarasota in the USA. Steve's work straddles the line between teaching and web development.