Why aren't my flex items spacing equally?

[mel30]

Hi Experts,

When using image with text. If you remove the margin the items in the container are not centered aligned

I want to display the image somewhat like below

Here is the page link: https://www.athreyaherbs.com/pages/millet

Thank you for your help.

[diego_ezfy]

@mel30 ,

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > styles**.css** and paste this at the bottom of the file:

@media (min-width: 750px){
    .block_image_with_text > *{
    margin: 0 auto !important;
}

}

@media (min-width: 1200px){
    .block_image_with_text > * > *:nth-child(1){
     margin-left: -120px;   
}
}

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego