Why are there extra tags?

Question

Web development

Hello, I have the following table code:

<div><table><thead><tr><td colspan=2>Алгебра</td></tr></thead>
<tbody>
<tr><td>2.28</td><td>5<td></tr>
<tr><td>3.14</td><td>5<td></tr>
<tr><td>3.21</td><td>5<td></tr>
<tr><td>5.23</td><td>5<td></tr>
</tbody></table></div>

But when opened in a browser (Edge and Firefox), extra cells are added to the table in each line.
Looks like this:
https://jsfiddle.net/nv8ms6jn/
CHADNT?

Answer 1

Horizontal scroll - transform: translate for the container, bound to the scroll.
Skew blocks - transform: skew for block, skew back for content.
The size of a skew block is conveniently expressed in units of vh.
Pictures - object-fit: cover.
When hovering over the block, change its opacity to 1, plus transform: translate for the text and scale for the image.
Page transitions - some css transformations + something like barba.js.
The authors of this masterpiece decided to rely on JS instead of CSS. No wonder everything slows down.

Answer 2

Not relevant, immediately noticed the error after I posted the question. Forgot closing