onlineHTML = '<a href="' + url + '" target="_blank"><div class="row online"><div class="col s3 m2 center"><img src="' + logo + '" class="logo-style"></div><div class="col s9 m10"><p class="name">' + name + '</p><p>'+ game + ': ' + description + '</p></div></a>'; $("#streamers").prepend(onlineHTML);
what it looks like now: http://codepen.io/bethqiang/pen/xOzJGr
offlineHTML, and the addition of a
.flexCenterclass, as well as adding
.offlineclass. Here is a link - see if you get it working. I think that you had an error in your original HTML, maybe missing a closing
</div>tag? Anyway, I think that the offline users is working here.
@khaduch - so i looked up a couple of things relating to the flexbox class that you added in, and found this on mdn -
/ Pack items around the center /
I think that is horizontal centering, so it might not be needed here, since the width of the image probably determines the width of the div?