Two Images with Text Blocks side-by-side

Site URL: https://monroedigital.co

Hi!

Any ideas on how to better create two images with text on the right side-by-side? The photo attached is the what I've gotten thus far. I've been trying by placing the different blocks next to each other, but it doesn't work well for the text spacing, the middle green border, or mobile design. I'd also like the images themselves to have a green border. 

Would greatly appreciate any help! Thank you!!

Site URL: https://monroedigital.co

Password: squarespace

5 hours ago, anna__h said:

Site URL: https://monroedigital.co

Hi!

Any ideas on how to better create two images with text on the right side-by-side? The photo attached is the what I've gotten thus far. I've been trying by placing the different blocks next to each other, but it doesn't work well for the text spacing, the middle green border, or mobile design. I'd also like the images themselves to have a green border. 

Would greatly appreciate any help! Thank you!!

 

Site URL: https://monroedigital.co

Password: squarespace

 

Hi. You can use Image card for it and do some custom CSS for adding the border in it.

4 hours ago, Agha_Waqas said:

Hi. You can use Image card for it and do some custom CSS for adding the border in it.

Hey @Agha_Waqas! Thanks for the response.

I've tried using image card, but this is what it looks like. I've tried to lessen the image size and text margins using max-width CSS, but it just messes up the middle line. I also can't use padding around the images because that impacts the text, moving it from the right to the bottom.

I'm stuck & would really appreciate any other ideas! This is the last part of the site I really need to fix. Thanks in advance!

It looks like you solved?

@tuanphan Hi! Thank you for checking, so appreciated!! Yes, I got it looking ok on desktop. One question: how can I put a border just around those two images, not the entire card section?

3 minutes ago, anna__h said:

@tuanphan Hi! Thank you for checking, so appreciated!! Yes, I got it looking ok on desktop. One question: how can I put a border just around those two images, not the entire card section?

Disregard, I figured it out! Thank you for all your help @tuanphan!

I see the site has some problems. Do you want to fix these?

Site URL – https://www.monroedigital.co/

1. (Smaller screen) Scroll bar at the bottom

2. (Mobile-Homepage) Remove this white space

3. (Mobile-Blog posts) Want to reduce pagination title, or replace with Prev/Next?