Welcome to Astro.

The first way to make a table responsive is to wrap it with <div class="table-responsive"></div>. This way, the table will be horizontally scrollable and all data will be accessible on smaller screens. You could also append the following modifiers to the table-responsive to apply the horizontal scrolling on different screen widths: -sm, -md, -lg, -xl.