There are a few minor issues with the CSS in the current, and future after adding a privacy police footer #23.
Few things to note:
There really isn't any padding below the "Showing..." text. Instead, it's due to a y-padding from the top of the first video result. As you scroll down you can see the padding is not there.
The same issue above applies but in reverse. Because there is a y-padding the last video has an extra space because the buttons also have a y-padding on them.
With regards to the padding inconsistencies mentioned above, perhaps it'd be best to manually define a padding on top or bottom of the elements. Also, maybe look into specific conditions for css such as first/last child modifiers.
With the addition of a footer (#23), I had to reduce the max-height of the video container from 80vh to 78vh to stop the buttons at the bottom from clipping.
There must be a better way to do this. I suppose this works, but perhaps it is not proper.
There are a few minor issues with the CSS in the current, and future after adding a privacy police footer #23.
Few things to note:
With regards to the padding inconsistencies mentioned above, perhaps it'd be best to manually define a padding on top or bottom of the elements. Also, maybe look into specific conditions for css such as first/last child modifiers.
With the addition of a footer (#23), I had to reduce the
There must be a better way to do this. I suppose this works, but perhaps it is not proper.
max-heightof the video container from80vhto78vhto stop the buttons at the bottom from clipping.