Всем привет!
Пытаюсь сделать скругленные края у таблицы, но в FireFox почему-то не работают свойства border-top-left-radius, border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius Вот HTML
<table class="main-table table">
<tbody>
<tr>
<td>HTML\CSS</td>
<td>Bootstrap 4</td>
</tr>
<tr>
<td>SASS</td>
<td>Git</td>
</tr>
<tr>
<td>JavaScript\JQuery</td>
<td>Gulp</td>
</tr>
</tbody>
</table>
А вот SASS
&-table
width: 40rem
margin: 0 auto
color: #ffffff
tr:first-child td:first-child
border-top-left-radius: 15px
tr:first-child td:last-child
border-top-right-radius: 15px
tr:last-child td:first-child
border-bottom-left-radius: 15px
tr:last-child td:last-child
border-bottom-right-radius: 15px
tr:nth-child(1)
background: #FF671A
tr:nth-child(2)
background: #150226
tr:nth-child(3)
background: #287311
&-table td
border: 0
padding-top: 1.5rem
padding-bottom: 1.5rem
При этом в Chrome работает прелестно.
Что я делаю не так?