Separate DOM from Styling using CSS Grid

NDev - NL Software Developers
NDev - NL Software Developers
Public group

Bitters Pub & Restaurant

Feild Hall 216 Prince Philip Drive · St. John's, NL

How to find us

We'll be in the hardwood section near the big TV.

Location image of event venue


Hey Folks!

It's that time again! We're getting together at Bitters again and will be continuing the (unintentional) theme of "the summer of front-end" at NDev! Monjur Ul Hasan has put together a talk to go over CSS Grid as another option when designing the front-end grid system of your webapps!

Please see Monjur's talk abstract below

The CSS grid layout or CSS grid is a two-dimensional grid system that is considered the most powerful layout system available in CSS. The CSS grid allows developers to create complex responsive web design layouts more easily and consistently across browsers. It makes the HTML cleaner and separates the visual styling from the DOM. Combining media queries with CSS grid, almost all the earlier and popular grid systems, such as bootstrap, can completely be replaced. All latest versions of web browsers support it. In the talk, the CSS grid basics will be discussed, followed by two case studies: a wireframing of a website layout, and a complete responsive photo gallery.

As always feel free to hang around before and/or after the talk for some food, drink, and great conversation.

Hope to see you there!

Mike & Scott