Need a little help and suggestion with web designing

PixelPhoenix

Newbie

Dec 9, 2024

13

11

• Dec 22, 2024

• #1

so here i have 2 different modules in divi section, i want them to have the same size, i keep tweaking the margins and paddings settings of both the modules but still theres some difference or atleast on other screen sizes, what are different ways to handle this?

 

digitalvisibility

BANNED

Dec 11, 2024

468

278

• Dec 22, 2024

• #2

To make the two modules the same size across different screen sizes in Divi, try using the "Equalize Column Heights" option under the section settings or apply custom CSS with height: 100% to both modules. Also, test your layout using Divi's responsive settings to adjust margins/paddings per device.

 

spread_humanity

Newbie

Dec 26, 2024

7

7

• Dec 27, 2024

• #3

For equal height you can simply give display flex property for divi section.
.divi {display: flex;}

For equal width to both the modules you can add below property on any one module.
. module { flex : 1 }

For any further help you can message me

 

PixelPhoenix

Newbie

Dec 9, 2024

13

11

• Jan 7, 2025
• Thread Starter Thread Starter

• #4

spread_humanity said:

For equal height you can simply give display flex property for divi section.
.divi {display: flex;}

For equal width to both the modules you can add below property on any one module.
. module { flex : 1 }

For any further help you can message me

Click to expand...

guide me a bit on this, where do i add this property? in custom css?