How to make my Custom HTML section mobile responsive?

My website is : TOAIArt.com (it is not password protected.)

On my Home Page , I have added a section : Featured Collection.

However , in mobile device , the text is not appearing in the correct place:

Kindly help.

@SurTri

yes please confirm

I was able to resolve the issue by myself. Thanks.

@SurTri

wow that would be great

thanks for update

hey @KetanKumar sorry for pushing this old thread but i thought maybe u can help me as well :grinning_face_with_smiling_eyes:

i have already created a topic for this:

https://community.shopify.com/post/1842666

but maybe you can help me faster…my highlights banner and the featured collections in the empire theme are not responsive, any clue what i could do? :confused:

@LoganDeLaCruz

oh sorry for that issue if possible to share store url or may ne issue image

@KetanKumar thanks for the response, i have already shared the whole issue in the thread i have sent in the previous post, also with images…but i can share it in short again:

in my shop i have 2 sections which are great at the desktop view but horrible at the small screen - the highlights banner and 2 featured collection.

both, the banner and the collections, are shown as sliders on the phone and in this way they´re horrible to use, because they´re slowly and not really usable in my opinion…thats why i was hoping that there is a way to make them responsive or maybe show them different at a small screen ( like always 2 item below the next 2) i dont know if thats possible at all, because i dont have any clue about such things but it is worth asking :grinning_face_with_smiling_eyes:

www.philippdavid.com