Hello, I have a problem with the following page - https://www.collectivecrunch.com/collectivecrunch-our-board-and-advisors-involved-in-shaping-strategy/
It has 2 columns layout, but on the mobile version, it looks very strange because the image gets micro size. I checked other topics, but did not find anything similar for the solution.
Could you please let me know what I can do to keep it in two columns and to show the picture in normal size?
Best regards,
Damira Teppo
Hi Damira,
Thank you for reaching out to us. I checked your page and you’ve added padding to the image elements which is causing the issue. Please inspect your Image elements and remove the padding.
Let us know how this goes!
Hello,
thank you for your answer. I checked the element and I see that padding is set to 0 for image element. Could you please let me know where did you see those numbers you mentioned?
Hi Damira,
Please see the screenshot below, where to added some margin to your image.
Hope that helps.
Thank you.
Hello,
thank you for the clarification, I just was searching for padding 
I took the margin off and the size of the picture is bigger now. However, it is still smaller than the text content next to it. I was just thinking that if it looks on the desktop correctly, it would look approx the same in mobile as well. Ot is it so, some elements are not responsive automatically?
At the moment I have text above and below the upper and lower level of the picture. So the size of the pic was adjusted, but the text styles no. Did I need to use Classic text element? and also in the code for the
tag I added style for the text size, can it reflect as well?
Hi Damira,
Kindly add the font size with the Calc method. The Calc method adjusts the font size for responsive views.
Here is documentation of the calc method.
Thanks
Hello,
thank you very much for this help. it solves all.
Best regards,
Damira Teppo
You are most welcome Damira!
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.
