JQuery and CSS Flex Code for Responsive WOL Page

What is on Your Mind?
1

I have just wrote this jQuery to the WOL page, so the table of users on line will not need scrollbars and will instead transform into a responsive table:

<script>
jQuery(document).ready(function (){
    jQuery("#neo-who-flex-tcat").
        css({"display":"flex","flex-flow":"row wrap",
            "justify-content":"space-between",
            "flex-direction":"row","align-content":"stretch"});
    jQuery("#neo-who-flex-thead").
        css({"display":"flex","flex-flow":"row wrap",
            "justify-content":"space-between","flex-direction":"row",
            "align-content":"stretch"});
    jQuery(".neo_table_wrapper").
        css({"overflow":"visible"});
    jQuery(".neo-onlinebit-flex").
        css({"display":"flex","flex-flow":"row wrap",
            "flex-direction":"row","align-content":"stretch",
            "justify-content":"stretch"});
    jQuery(".neo_table_wrapper").find("td").
        removeAttr("width").css({"align-self":"stretch",
        "width":"250","flex-grow": "1"});
});
</script>

You can check it out by going to the Who is Online Page page (members only) and change with width of your browser and when it gets small, instead of the scrollbars, the column boxes cascade down (responsive).

https://youtu.be/vFJVX4-bsVM

This means I was able to use CSS Flex to make the table responsible without changing all the table, thead, th, and td tags to divs and spans .