I am trying to style up a promo offer section that takes the info from a collection. It has 3 sections: logo, offer area, promo code area. I have set it up as a row with 3 columns but now wondering if I should use Div blocks instead somehow, am I on the right track or should I ditch it and start again? The layout is nearly how I want it except I can’t seem to apply padding on each column so the ones with more text push right up against the edge.
Here’s what it looks like now:
Question is should I start again and re-structure as div blocks? I notice in the tutorials you would set the logo as a background image (although I don’t know why)? But I didn’t see if that was possible to take a background image from a collection item. The tutorials seem to show these type of design elements as 2 columns not 3… I’m really not sure how to go about this and I’d appreciate any tips please. Thanks in advance.
This is on a page called “Special Offers”
Here is my public share link: https://preview.webflow.com/preview/holisticweb?preview=fb5b769e2c1615ebf97429520ced72b6