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://bisnisportal.com/event.html
https://bisnisportal.com/
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
Hi Atick,
Here it is...
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.
