Align content in flexbox

Design help General
1

Hi, can anyone help and advise how I can best line-up content within flexbox?

Here’s a screen-grab to give you an idea what I’m trying to achieve. Basically the top area A + B to line-up and area C to position to the baseline of the column.

Screenshot 2022-08-29 at 17.11.52
Screenshot 2022-08-29 at 17.11.521920×2056 288 KB

Here is my site Read-Only: [LINK](https://preview.webflow.com/preview/recommerceit?utm_medium=preview_link&utm_source=designer&utm_content=recommerceit&preview=971ffebbcd5c0fd064b757efad992218&pageId=630ca58d9e1185ef1939797e&workflow=preview)
(how to share your site Read-Only link)

2

Can anyone please help? I’ve followed all tutorials but there’s obviously something I’ve missed as I can’t for the life of me align the footer elements. (see latest screen-grab).

Screenshot 2022-08-30 at 13.10.21
Screenshot 2022-08-30 at 13.10.211920×2177 295 KB

3

Hi @1960creative You might be able to achieve this with a combination of flex-direction and justify. You might have to group sections A and B in a container Div, and apply flex-direction vertical and justify space-between to the parent container of C and the Div (containing A+B).

4

Hi Felio, thanks for your advice as that worked a treat.

cheers David

1 Like