A link to my page: https://fatimahs-dapper-project.webflow.io/services
So, while I was designing my footer, I tried to accurately space my elements, which I find challenging to do. See the screenshot below and I’ll explain what I mean:
I’m using a flexbox lay out. From the very top of the footer, I did a margin of 30 for the divblock that includes my header and my button. After that: From the grey line, I did a margin of 30 for the divblock that includes my logo and social media icons. Though there’s a little bit more space below the logo/social media divblock in comparison to the space above the header/button divblock (i did my best to estimate). How do I accurately space these elements from each other and from the top and bottom of the footer?? Hope this makes sense. Thanks!
Here is my site Read-Only: [My website!](http://)