You most possibly have minify options at netlify enabled. Which removes spaces. If you require spaces for design (BAD!!! BAD!!! TOTALLY BAD!!!111One) then use as one space.
Think about people on mobile phones. I would not do a margin to space it right on the screen, I would add padding to all the icons. So if someone tapps on the icons (they are linked) the space around them will work as link too.
.icons a {
padding: 10px;
}
As a sample only. This way minification will do it’s job (make the filesize smaller) and the look is saved.
either via Hugo (as per your netlify.toml) or through the netlify dashboard.
I don’t know how is it done in Hugo. I’ve removed word-spacing, it was still an issue. But thank you so much, it got fixed after I added padding (Solution).
What I meant was using the command hugo --minify, which you’re already doing. However, in the Netlify dashboard, you can also run some optimisations, including minification, which is redundant (and may cause problems) if you’re already optimising in Hugo.
But either way, good to hear your problem is fixed.