Trying to figure out how to properly align/layout 7 images (including the hero) but can’t figure it out. The only one I have working is the hero, it’s positioned visually (not sure if properly) correct and it scales up/down well. I’ve been watching the Webflow tutorials and can’t get it right still for the remaining 6 images.
My thinking was section>div image wrap (set to flexbox) then add the 6 images as divs but I keep messing it up especially when I add the rotated text, it’s just a mess and doesn’t stay with the image or scale.
Attached XD screenshots of layout needed, xd link to view as well.
Webflow read only link as well.
**update - sometimes the forum is glitchy - do others experience that too? Sometimes doesn’t do anything when clicking. I mistakenly posted this topic under the wrong section category, had trouble getting the edit and submit buttons to actually work. Idk.
Hi Gabrielle
Not sure I can help you. You didn’t attach the read only link and I’m not sure I have the time to rebuild everything. Anyway, I recommend you use a Grid
@ColemanChrisB I had been reading I should try to avoid using padding/margins along with absolute positioning whenever possible. I am trying to use grid layout on this page but I am having trouble getting the spacing right. Hours go by and I am still failing.
I really don’t think it’s possible. Even if you lay out all of these elements in a grid, because the positioning is not symmetrical, you will still have to use some type of “non-standard” positioning methods to achieve things like this:
The rest MIGHT be doable in a grid, but I would honestly say that it’s going to end up being a lot messier than using absolutes and margins.
So should I start over and try to use divs only instead? My thinking was that I would still have to use margins/padding a little bit with grid but less than I would only using divs. Being new to this I feel like I use margins/padding too easily since I don’t currently know a better way to achieve it.
This is about the best I can do right now, but I created a sample page that shows you an idea of how I would build your layout. Hope this can get you on the right track.