How to make the space between these 3 containers same?

Hello Ying,

Yes.. I realized it. To make this container simple.. I removed it in the end. But if I want to make this feature happen again, Do you recommend me to adjust the font size be smaller? I think flex mode will achieve my result?

I mean if I want to make those 3 columns as same width, but want to make it responsive on different devices, I’ve checked on the tablet and mobile, those 3 columns just disappeared from the page. I used to learn some code but I forget how to set them, Flexbox should be the best option but I forgot the details. I tried to make those columns stay on the page, but didn’t know how to make them responsive and make the width same. I changed the font size with one of the column and the width in the column became wild.

Please take a look at the screenshot.

https://postimg.cc/gallery/VYq0V83

Thank you for your time.

Hello Ying,

Sorry for confusing you a lot because of my poor English.. I mean when I tried to change the texts in those columns there and then I edited the padding or margin for the columns. The columns’ positions are no longer same as before. It only displayed a part of the columns on Tablet device, and totally disappeared on Mobile device. I guess this was caused by the editing of margin and padding of the columns. What I want to achieve is that I want to know how to make the columns displayed at the same position even if I changed the original texts to bigger and longer texts there, and keep the right and left spacing same with each column, and be responsive on different devices.

This is the screenshot: https://postimg.cc/Fd9xSQY8

Anyway, it’s not a huge issue here, I will come back for this question if I want the columns to stay on the page. Sorry for confusing you a lot on this topic.

Best Regards,

Yang

Thank you for the reply, Ying.

I will follow your instructions to make it happen!

Thank you so much for helping me along the way.