Image in hero section on half of the screen

Design help Layout & Design
1

Hello everyone!

I have a problem with building layout in the hero section where the text (Heading, Subhead., btns) are on the left side and the picture on the right side. My default container width is 1160px.

The problem is, that the picture should be to the very right edge of the screen so like “outside” of the container. But do not know how to achieve this layout. Firstly, I used the columns for this layout but the image is only in the area of the 1160px container.

Below is the link and also a screenshot of the design in Figma.

Thanks in advance mates! :slight_smile:

Here is my site Read-Only: https://test-muchajan.webflow.io/

image
image1440×799 49.6 KB

2

Hey Hi @TomRyb! I think this website should help you with what you want to achieve.

Hero Header Sections (webflow.io)

They have made a similar template to what you want. Template Number 36. You can either copy that or just clone to make further changes.

Hope that helps!

1 Like
3

Amazing!

Thank you so much @vedant_athavale for your help! :slight_smile:

1 Like
4

Anytime! Keep Designing! :wink:

1 Like
5

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.