How I can resize image and text section in supply theme?

[PLages]

Hello,

Someone can help me how I can resize my image and text section to change from the following style:

to this one:

Thank you very much for your help!

[KetanKumar]

@PLages

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[PLages]

Hello KetanKumar,

Thank you for your help!

The SITE URL IS: https://tradetarget.myshopify.com/

The password is: awntal

[infoatcodelab7]

@PLages ,

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

.feature-row .feature-row__item:first-child{
    flex: 20%;
}

Thank You!

[KetanKumar]

@PLages

can you try the first mobile

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (max-width: 480px) {
.feature-row__item {
    -webkit-flex: 1 1 5%;
    -moz-flex: 1 1 5%;
    -ms-flex: 1 1 5%;
    flex: 1 1 100%;
    max-width: 100%;
}
}

[PLages]

Thank You KetanKumar!

It works perfectly! One more thing, can I reduce the height of the image and text section (see the following picture)?