-
Hi, I have an issue on this page https://garmer.hansteinmedia.com/ – and I wonder if you can help me. I need to stretch an image over the left 50% of a container. The content in the right half needs to stay restricted to the width of the general layout container (1220 px). Do you have an idea how to solve this?
I currently have two versions of the container on the page.
-
Take the lower full width section as example, you can set the right container’s
padding-righttocalc(50vw - 1220px / 2 )for screens that are wider than 1220px.If you have GB pro, this can be set in the block, if you don’t, you will need to write CSS for that.
1. add class
rightto the right container.
Adding CSS class(es): https://wordpress.com/support/wordpress-editor/adding-additional-css-classes-to-blocks/2. add this CSS:
@media(min-width:1200px) { .right { padding-right: calc(50vw - 1200px / 2 ); } } -
That works, thank you!
-
You are welcome!
- You must be logged in to reply to this topic.