It looks pretty clean, I like it. I’d suggest you add different colors (or add an indicator) to your Online/Offline statuses (maybe green text for Online and red for Offline).
Also, you are getting the horizontal scrollbar because of the
.row div wrapping the
.container. According to Bootstrap:
Content should be placed within columns, and only columns may be immediate children of rows.
so remove that first
<div class="row"></div>, you don’t need it.
And lastly, you don’t need that
<body> tag. The code you put to the HTML editor goes to
<body> by default in Codepen.
Have fun coding!
Thank you for the feedback!