Streaming live at 10am (PST)

Image in hero section on half of the screen

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:

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

Hero Header Sections (

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


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

1 Like

Anytime! Keep Designing! :wink:

1 Like

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