Images in a blog post side by side.

[SLH123]

Hello,

I’ve been trying to display two images side by side in a blog post.
I’ve tried many different recommendations, however, I’m still unable to get the images to show how I want.

What I’ve tried so far:
Adding the following code to the base.css and theme.css

.image-row {
display: flex;
gap: 10px;
}
.image-row img {
width: 50%;
}

Then adding the code to the blog HTML Editor:

I’ve additionally tried:

The code currently:

Which Side Do You Choose?

Additionally, I’m wondering if it’s possible to turn the side by side images to to links which are anchored further down the blog post?

The preview link of the blog: https://kwsgbs2ag9tfrx6f-30014734435.shopifypreview.com/blogs/news/articles?preview_key=72d6b319655e49bc1dc9e4f65126989e

Thanks in advance for all the tips and help!

[Moeed]

Hey @SLH123

It looks like you have directly inserted the image into Page content instead of a section, I would highly suggest you to create a separate template for your page and then insert the images in a section.

Best Regards,

Moeed