Classic Card column

[Jennine]

Hello,
I would like the card to be the same height as the columns along each side and responsive. What can I do? Here is the url. http://37.60.249.204/~wigsbyba/home/
Here is a screenshot:

Thanks so much : )

[Joao]

Hi There,

Please add the following CSS to Theme Options CSS or Cornerstone CSS

.x-card-outer {

    margin: 0;
}

Hope it helps!

[Jennine]

Thank you, that worked : ) But for some reason my background image in the columns next to the card get hidden on mobile. Do you know how I can fix this?
Thanks in advance.

[Joao]

Hi There,

I recommend you adding a classic gap of 300px or the height you wish on each of these columns where you have a background image but no elements.

Hope it helps

[Jennine]

Hello
Is there a way these can be full height in and responsive to all screens sizes? Please see attached images. Thank you

[Prasant]

Hello @Jennine,

I see that you have already made the necessary changes. Please see screenshot. https://screencast.com/t/X1toU4N7Po7

Thanks.

[Jennine]

Thats how it looks at desktop and laptop resolution. Try making the screen smaller and the photo will it will rise up again. Thank you

[christopher]

Hi there,

Go to that specific row in question and add a class called fullimage then add the code below:

.x-section .x-container.marginless-columns.fullimage {
	display: flex;
	flex-flow: row wrap;
}

.x-section .x-container.marginless-columns.fullimage .x-column:first-child {
	display: flex;
	align-items: flex-end;
}

Kindly open up new threads for additional questions as it will help us to focus on each issue and give you a better support which you deserve. Having a long threads makes the maintaining job harder and also it will be harder for the other customers to find the correct information if they have similar issues. You are always welcomed to reply to this thread to follow up the same question.

Thank you.