Text to the Right margin

Hi there,

the first (1) example is basically what I’m looking to do and I’ve had to cheat it by adding some margin on the right that then I would have to adjust for every viewpoint.

Typically, the standard setup involves adding padding to the parent container: 40px for left and right padding on desktop, 30px for tablet, and 20px for mobile.

So yes, the most common setup does require different padding values for different devices; there’s no one-size-fits-all setting.

However, for a layout like #1, I would use a simpler structure like this:

- container
 -- headline

Container:
– padding-left/padding-right: 40px for desktop, 30px for tablet, 20px for mobile.
– display: flex, align-items: flex-end (bottom), justify-content: flex-end(right).

————————————————–

And one more thing, to have a full-width layout, we would recommend:

1. Set the content container to full width, you can do so via a layout element (mass operation) or the layout metabox.

2. Now every container you added to the page is full width by default, you can remove the align full option, and set the alignment to default.

Hi there,

Could you let me know which line you’re referring to?

You have a <br> tag before the word you, so the word will wrap to the next line because you instructed it to do so 🙂
https://app.screencast.com/c8ehLWfEzNw8b

No Problem 🙂