Dynamic Media Index In Different Sizes - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Dynamic Media Index In Different Sizes

Yofie Setiawan

Yofie Setiawan

SP Page Builder 3 days ago

Hi,

Can someone help to check why this happen, the dynamic media on Index page appear in different sizes. I can clarify and make sure that all the file sizes are already in same sizes, which is 500x500px. It seems this problem appear when i use DIV and FLEX and NO WRAP.

https://ibb.co.com/PGXkwRrm

https://bisnisportal.com/event.html https://bisnisportal.com/

0
3 Answers
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 3 days ago #211758

Hello Yofie Setiawan,

Thank you for reporting this issue. I apologize for any inconvenience it's causing you.

To help me investigate the "Dynamic Media Index In Different Sizes" problem, could you please provide temporary administrative access to your site? This will allow me to examine the configuration directly.

Before you do, I highly recommend creating a full backup of your site to ensure your data is safe.

Looking forward to your response.

Best regards

0
Yofie Setiawan
Yofie Setiawan
Accepted Answer
2 days ago #211843

Hi Atick,

Here it is...

0
Atick Eashrak Shuvo
Atick Eashrak Shuvo
Accepted Answer
Support Agent 2 days ago #211890

Hello,

Thank you for reaching out, and we sincerely apologize for the inconvenience you’re experiencing.

The issue you are facing occurs because of how Flexbox works when using display: flex together with flex-wrap: nowrap. In this setup, Flex items are forced to stay on a single line, and the browser automatically applies flex-shrink, causing each item to shrink differently based on the available space. This results in inconsistent visual sizes, even though all your images are originally the same dimensions (500×500px).

To achieve consistent sizing, please make sure to set a fixed image height and width, so all dynamic images display uniformly. I have already set the styling on this page for your reference:

https://bisnisportal.com/event.html

You may adjust it further according to your preference, and please apply the same settings to your other pages as well.

We sincerely appreciate your patience and understanding. If you need any further assistance, feel free to let us know.

0