Gap among items in responsive mode

#1 · May 7, 2024, 11:16 am

I'm currently working on a project where I've encountered some issues with gaps among items in responsive mode.
I've attached some files for reference. Please see them to better understand me.

Is there a standard way to create a gap among items in responsive mode?
Any insights or best practices would be greatly appreciated!

Uploaded files:

You need to login to have access to uploads.

#2 · May 7, 2024, 12:04 pm

@asmat plase take a look at the attached modified file.
You just need to nest columns. Use the padding CSS property to control the gap length.

Uploaded files:

You need to login to have access to uploads.

asmat has reacted to this post.

#3 · May 7, 2024, 12:10 pm

@asmat, also you may want to take a look at the FlexBox based responsive grid system:

https://webhelp.visualneo.com/Flexboxbasedgridsystem.html

And VisualNEO Web included CSS classes:

https://webhelp.visualneo.com/VisualNEOCSSClasses.html

asmat has reacted to this post.

#4 · May 21, 2024, 10:18 am

Thank you so much for your guidance! I followed your advice and it paid off!

Uploaded files:

You need to login to have access to uploads.

luishp and javadrajabihakami have reacted to this post.

Gap among items in responsive mode - Forum

Gap among items in responsive mode