I tried to align image and content in same line of multicolumn section of dawn theme using below custom code but other column image is shrinked please help.
.multicolumn-card.content-container {
display: flex;
align-items: center;
}
PFB my store preview URL
Hi @TheLivingCo ,
Add the Following CSS code:
.multicolumn-card.content-container {
display: flex;
align-items: center; /* Aligns items vertically */
}
.multicolumn-card.content-container img {
max-width: 100%; /* Ensures images do not exceed their container's width */
height: auto; /* Keeps the image aspect ratio */
flex: 0 0 auto; /* Prevents the image from shrinking */
margin-right: 20px; /* Optional: Add space between image and content */
}
.multicolumn-card.content-container > div {
flex: 1; /* Allows content to take up remaining space */
}
After saving the changes, check your store to see if the images and content align properly. Let me know if you need any further adjustments!
