Archived topic
remove space between images in block
10 replies · Started by roadlink on January 18, 2022
Hi,
I want to have a container with 1325px.
There will be 2 columns grid in it.
There will be 660px banner in left side.
There will be 6pcs 105px small images in right side. They will be 3 by line in mobile.
There will be only 5px gap between each items.
This is what I created. https://prnt.sc/26fakr0
This is the result. https://prnt.sc/26fakxs
I want to narrow margin between images and make 3 by 3.
Is there any advice?
I solved it like this.
But not sure if I really need to use that much containers and grids.
https://prnt.sc/26favlb
That looks working well :)
But I think you don't need the empty Grid container, you can set the parent Grid block to horizontally align right on desktop, and align center on tablet.
Hi Ying,
Thanks for quick reply. I will do 660px banner on left side.
Do I still can remove this grid? Which one? https://prnt.sc/26fb646
Thx
Ah if you are going to use that empty container, then ignore my previous suggestion :)
You are doing well!
sure, thanks
Btw, Do you know any idea to use 200px width for images on desktop, and 100px width on mobile?
Use same image but trim it somehow is possible?
You'll need to use CSS for the image blocks.
thanks
No problem :)
I did manage to see what I want. But google warns me about CLS.
Any chance to make a comment?
Unfortunately I'm not sure if there is a solution for this.
