March 2018
Intermediate to advanced
592 pages
13h 44m
English
Content preview from Advanced Node.js Development
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
Start your free trial
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 ...