Tweaking the structure for alignment

We're going to need to tweak the structure, adding a few container elements to help with alignment. Over inside of Atom we can get this done in just a few moments. This template was built around a few key classes. The first one needs to get applied to the body tag by setting the class attribute equal to, inside of quotes, chat:

<body class="chat">

This tells the style sheet load these styles for this chat page, and we're going to go ahead and remove Welcome to the chat app, this is no longer necessary. Now the next thing we're going to do is create a div tag and this div is going to house that People list we saw on the left-hand side. It's going to be empty for the moment but that's fine we can still go ...

Get Advanced Node.js Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.