Press "Enter" to skip to content

CSS Grid – What is this Magic?! – Amy Kapernick



We’ve all heard a lot in the last year about a new advancement in the world of CSS, called CSS Grid. Starting off at whispers, we’re now starting to hear it as a deafening roar as more and more developers write about it, talk about it, share it and start using it. In the world of front end, I see it everywhere I turn and am excited as I start to use it in my own projects.

But what does this new CSS specification mean for software developers, and why should you care about it? In the world of tech today, we can do so many amazing things and use whatever language we choose across a wide range of devices and platforms. Whether it’s the advent of React and React Native, or frameworks like Electron, it’s easier than ever to build one app that works on multiple platforms with the language we know and work with best. The ability to do this also expands to styling apps on any platform using CSS, and therefore being able to utilise the magical thing that is
CSS Grid.

The reason CSS Grid is gaining so much attention, is because it’s a game changer for front end and layouts. With a few simple lines of code, we can now create imaginative, dynamic, responsive layouts (yep, I know that’s a lot of buzz words). While a lot of people are calling this the new ‘table layout’, grid gives us so much more, with the ability to spread cells across columns and rows to whatever size you choose, dictate which direction new items flow, allow cells to move around to fit in place and even tell certain cells exactly where they need to sit.

While there is so much to worry about when developing an app, CSS Grid means that you can worry less about building the layout on the front end, and more about making sure the back end works well. Let me show you how the magic works.

NDC Conferences
https://www.ndcconferences.com/
https://ndc-london.com/

5
Leave a Reply

avatar
5 Comment threads
0 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
0 Comment authors
DinHamburgHenrik Ræder ClausenCharles CherryviktorvaldemarMohamoud Osman Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Mohamoud Osman
Guest
Mohamoud Osman

Really AMAZING Presentation. I didn't know how good CSS is and how easy it makes layout so easy; I cant believe the audience were quite with no reaction.

viktorvaldemar
Guest
viktorvaldemar

CSS along with HTML and Javascript is an atrocity

Charles Cherry
Guest
Charles Cherry

I love the way she says "haytch-t-emm-el" 🙂

Henrik Ræder Clausen
Guest
Henrik Ræder Clausen

Hopefully, Amy isn't serious about TBL having invented the Internet 🙂

DinHamburg
Guest
DinHamburg

What is her dialect?