Aligning text and image horizontally

Site URL: https://nonagon-dahlia-n98k.squarespace.com

Hey experts

I've had a go at trying to solve this but with no luck. I have a section on the homepage of my site where I have text to the left and an image to the right. They both currently align at the top (Squarepace default I guess) see picture. But I'd really like them to align through the middle vertically. Like the second picture. I know it's only a minimal tweak but it looks so much neater.

Please help, I know there's probably some simple CSS and if someone could help with this section, I could probably figure out how to charce other sections with a similar problem. Thanks :-)

url: https://nonagon-dahlia-n98k.squarespace.com/

password: southernhorticulture

27 minutes ago, Amanda_Boonee said:

Site URL: https://nonagon-dahlia-n98k.squarespace.com

Hey experts

I've had a go at trying to solve this but with no luck. I have a section on the homepage of my site where I have text to the left and an image to the right. They both currently align at the top (Squarepace default I guess) see picture. But I'd really like them to align through the middle vertically. Like the second picture. I know it's only a minimal tweak but it looks so much neater.

Please help, I know there's probably some simple CSS and if someone could help with this section, I could probably figure out how to charce other sections with a similar problem. Thanks 🙂

url: https://nonagon-dahlia-n98k.squarespace.com/

password: southernhorticulture

try

section[data-section-id="6040bdd95d59c90d8aa8f9ac"] .sqs-layout .row {
  display: flex;
  align-items: center;
}

Thanks, that worked a treat. And now that I can see how you've structured the code I can go ahead and use this else where. Hats off to you and all the guys on here helping us out. 🙂