WAIT: Bug with display: none

Good afternoon, I encountered a bug when hiding elements. I have a phone icon in the header that I want to show only on the PC. I hide it disply: none, but only svg is hidden, while the link itself (tag a) is not hidden. Because of this, a bug occurs in the grid, since it is considered a full-fledged element and breaks the space-betweeen

Hi Oleg,
Thanks so much for your report!

I can reproduce the problem, however, there is a very simple solution:

Remove the link from the icon and wrap it with a div that you make into a link. This way you can address the link directly.

It’s super tricky with elements that can have an optional wrapper. That’s why we would like to refrain from changing anything about this.

Best regards,

1 Like