JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<table style="margin:0 auto">  
<tr>
<td class="leftcredit">Carmen Delavegas</td>
<td class="rightcredit">33 ans</td>
</tr>
    
<tr>
<td class="leftcredit">Michelle Bison</td>
<td class="rightcredit">26 ans</td>
</tr>
    
<tr>
<td class="leftcredit">Wario,Luigi & Mario</td>
<td class="rightcredit">16 ans</td>
</tr>
</table>

CSS

.leftcredit   { direction: rtl; padding-right:10px;}
.rightcredit  { padding-left:10px;}

@media screen and (max-width:1024px) {
.leftcredit, .rightcredit  { width: 100%; text-align: center; float: left; }
.rightcredit  { margin-bottom:20px}
}