When using box-sizing border-box on images do I have to use specific dimensions (e.g width: 100px, height: 200px) for it to work properly?
I'm building a site with responsive images next to each other but separated by a border. It works fine on the left and right borders but the top and bottom borders are not contained within the image thus pushing other images next to it out of sync.
This issue is really frustrating as I have googled to find a solution but found nothing, not even someone with the same problem.
My image sizes are Width: 100% and height: auto. Is this not allowed fo