this will only take care of the tabs/content side's height though, so you will need to add h-100 to the FOCAL IMAGE column as well! this will automatically make the image the same height as the content height without you going back and forth to edit things!
no worries!! you can change the height of the code by increase the height value here at TAB CONTENT:
<div class="card bg-faded tab-content table-responsive p-3" style="height:540px;">
this will only take care of the tabs/content side's height though, so you will need to add h-100 to the FOCAL IMAGE column as well! this will automatically make the image the same height as the content height without you going back and forth to edit things!
<div class="card border-0 bg-faded h-100" style="min-height:540px; background-image:url(IMAGE); background-size:cover;background-position:center;background-repeat:no-repeat;">
you shouldn't need to manually change the min-height because that sets up the image height for mobile view! <3 hope this helps!
1 year, 9 months ago Edited 9:02 pm
thank you, i just tested it and it's perfect <3
1 year, 9 months ago