How can I fix mobile display issues with custom HTML?

Store Design
1

Hello every one , i putted 6 images in custom HTML with small description side by side it looks perfect in desktopview but in computer not so profesionnal , i want to make it bigger and display it 2 per line , to have 3 lines.

2

@Vikoria ,

Share URL.

3

https://yourmanoo.myshopify.com/collections/adults-teen/products/blue-koala

it’s the product description

4

@oscprofessional

5

@Vikoria ,

Password

6

trohsh

@oscprofessional sorry

7

@Vikoria ,

oscprofessional_0-1644258139243.png
oscprofessional_0-1644258139243.png1540×791 190 KB

Is this ?

8

@oscprofessional yes please

9

@oscprofessional in mobile version its not looking good

10

@Vikoria ,

.column {
    width: 50%;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Note add only in this media @media only screen and (max-width: 749px)

11

@oscprofessional i added the code but nothing changed , the displayis still like this

Capture.PNG
Capture.PNG418×253 22.9 KB

12

@Vikoria ,

did you added in media query ?

.column {
    width: 50% !important;
}