JSFiddle - React, Tailwind, and code Playground

by Gwyn Milcote

HTML

<div class='row flex'>

	  <div class='bit forum_{$style}'><img src='../../pics/{$icon}.gif'> </div>
	  <div class='bit forum_{$style}'><a href='../../gathering/thread/{$thread->id}'>{$warn} {$thread->title}</a></div>
	  <div class='bit forum_{$style}'><img src='../../pics/avs/{$author_avatar}.gif' style='width:30px;height:30px;vertical-align:middle;'> <a href='../../profile/view/{$thread->uid}'> {$author_name}</a><sub><br>at {$thread->date}</sub></div>
	  <div class='bit forum_{$style}'>{$reply_count}</div>
	  <div class='bit forum_{$style}'>{$latest}</div>
</div>

CSS

.flex {display:flex}
.row {width:100%;}
.bit {flex-grow:1;}