- This topic is empty.
August 11, 2017 at 8:18 am #257605
Sorry posted this in the design section rather than CSS.
How would you go about achieving this look? Especially section A. Obviously it needs to be responsive.
I have a fairly solid understanding of CSS but I’ve not done much responsive work. In fact I haven’t done much CSS at all lately.
Not wanting anyone to do any work for me just give me a few pointers :-)
Cheers RichardAugust 11, 2017 at 8:53 am #257607Paulie_DModerator
Section A looks like two rows
You don’t even need flexbox to do this but if you wanted to it could be used on the second row to separate the divs holding the images.
Then move the whole second row up by using negative margin.August 11, 2017 at 8:58 am #257608bearheadParticipant
I agree with Paulie_D’s method for section A.
For section B I would use css columns.August 11, 2017 at 9:02 am #257610
Cheers Paulie. Could the hero be just an inline image or would I need to use a background?August 11, 2017 at 9:03 am #257611
Thanks bearhead I’ll take a look. Are CSS columns part of CSS Grid or is that something else?August 11, 2017 at 9:06 am #257612
Wow thanks Bearhead just seen you’ve built the entire demo, thanks man I wasn’t expecting you to go that far. Really appreciate both of your help.
- The forum ‘CSS’ is closed to new topics and replies.