How can I duplicate the Promotion Grid layout design in Debut?

Store Design
1

How do I duplicate the layout design of the Promotion Grid in Debut. This is what I need to achieve with a 6 image layout, all with specific links - appreciate any input - Fred

Promo Grid.jpg
Promo Grid.jpg1178×1378 212 KB

2

@4Fred - only 6 images? if yes then using child pseudo css we can set css for each image and achieve this result, if you more images then not feasible

3

@4Fred

yes, its possible to make some customization code if you are able to code try this code

4

Thank You - while it is only 6 images at this point, I don’t think it is a good idea to lock it in that way for the long term. Appreciate the suggestion and may come back to you

Thanks

5

Thank you for responding - I do not see any code attached or listed

Thanks

Fred

6

@4Fred

oh sorry can you please review this code

https://codepen.io/axelvaldez/pen/wjrGdm

7

Thank You - I will play around and try it out - great starting point

Fred