This issue presents in Internet Explorer. While this is a browser that is still used by many, it is no longer updated by Microsoft, who has shifted to Edge as their newest browser. One problem with using Internet Explorer is that it does not read the code used in HTML5/CSS3 in a standard way, which can lead to odd spacing issues as you are seeing in the screenshot as an example.
This can be worked around by someone who is skilled in these languages (a web designer), however, the only way to work around these issues for that specific browser is to test in that browser, and write specific CSS to support them. Mobile is where over 50% of web views happen now, and I.E. is a small subset of desktop browsers, so the use case may not be worth the additional cost.
Generally, these Browsers are getting used these days:
- Google Chrome
- Mozilla Firefox
- Microsoft Edge
Two examples of correct image format given below:
The gap between all the logo is very less
Exclude the Green circle and red mark, it's just for an example.