a href changes layout

Your images are displayed inline-block, which works when you have images next to each other:

<img ... />
<img ... />
<img ... />

But now the structure is changed and the images are not next to each other. So the style doesn’t work:

<a ... >
    <img ... />
</a>
<a ... >
    <img ... />
</a>
<a ... >
    <img ... />
</a>

Maybe the easiest thing would be to install a ‘grid’ plugin.

Aah okay, thank you for your answer.

What is another solution, if there is one ?

(I can’t install any kind of plugins since the owner of the website doesn’t want that)

Try adding ‘picca’ class to all the links

I tried it, but nothing changes ??

Could you double-check your browser’s cache has been cleared? It worked when I emulated it on the demo you’ve given above.

yea I tried, maybe I didnt put the piccas class in the right place.
Aren’t the picca classes already in the code ? it says img class=”picca” next to the
a href.

Yes, but do you see why the inline block styles (applied to the picca class) don’t work on the images any more? Inline-block only works for content that is inline with one another. So you need to apply inline-block to the links (the anchor tags).

<a class="picca" ... >
    <img ... />
</a>
<a class="picca"  ... >
    <img ... />
</a>
<a class="picca"  ... >
    <img ... />
</a>

Aaaah yes it works now, thanks a lot Andrew !!