How align text (e.g. heading) on the top?

Design help General
1

Hi!

I am trying to have the logo and the text elements align on the same level and stay aligned through all screen sizes. How do I do that?

Picture for reference (footer):
image

https://preview.webflow.com/preview/octomo-landing-page?utm_medium=preview_link&utm_source=designer&utm_content=octomo-landing-page&preview=9e90aaae4c598004f497fd07251dc9dc&mode=preview

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hello.
Your logo image contains social media icons that can’t be clicked. That’s not a good user experience.
Without the icons use a grid and place all the headers and the image in 1 row.
That will make it a lot easier to style.

3

Hey Hans,
Thanks for your reply. I’ll change the logo as well.
I’ve also tried to align the footer with a grid. However, for some reason I can’t seem to get the tablet version right. The tablet version seems to depend on the mobile horizontal version and I can’t make any changes in the tablet version’s grid directly. Do you know what causes this?

4

Hello.
The image that contains the logo has a size of its own.
octomo_logo_spelled

5

Cool! Thank you! Got it aligned now, thank you! How do I change the grid for the tablet screen resolution though as I can’t move the items in the grid around?

6

You can add or remove grid rows and columns on the different breakpoints.
And set the grid field position to manual. Then you can place it everywhere in the grid you want. Even on different breakpoints,

7

That’s what I tried, for some reason it doesn’t work for tablet though. Any idea why?