I don’t know anything about pedigrees but it still makes sense to me. Is the issue then that on smaller screens the window starts to overflow? Because up to a certain point (determined by the shortest words in the table), it’s definitely responsive.
Below that screen size, you could go for this as a first step:
.Pedigree td {
max-width: 0;
text-overflow: ellipsis;
overflow: hidden;
}
If you leave out the .Pedigree you’ll see it’s fully responsive, but especially at the top not readable anymore. I would take another approach for the information there though, make it go below each other instead of getting increasingly smaller.
But maybe you could try the above first, unless another member has a better idea of course. The next step could be to deal with the readability and the header content.
