JSFiddle - React, Tailwind, and code Playground

by Shanna Barnard

HTML

<div id="portfolio_submenu" class="developers-submenu">
  <div class="row">
    <div class="row" style="margin:0px 0px 0px 0px;">
      <% @all_works_categories.each do |c| %>
      <div class="col-lg-4">
        <li><%= link_to truncate(c.name, :length => 16), category_works_path(c.url.capitalize), :style => "padding:5px;" %></li>
      </div>
      <% end %>
      <div class="col-xs-4 col-sm-2" style="width:130px"> &nbsp;&nbsp; </div>
    </div>    
    <div class="col-xs-12 developer-submenu-all" style="padding-bottom: 2%;">
      <a href="/mobile-apps" title="Mobile Apps" onclick="mixpanel.track('Companies List - Clicked');">
        <strong>All Apps Portfolio</strong>
      </a>
    </div>
  </div>   
</div>

CSS

.developers-submenu .developer-submenu-all {
    padding-left: 30%; 
}