htmlcssbootstrap-4bootstrap-grid

CSS: How to position a panel slightly off the page

I'm having a problem moving a panel slightly of the page like that:

enter image description here

I tried width: 120%

it does work but when I resize the image moves out of its original position, I'd like it to look similar on different screens, the panel is inside the bootstrap 4 container coz I use bootstrap 4

Pls help, thank you

Solution

  • Here's a quick pen that might help you. Codepen Link If you create a pen or share your code I'll take a look for you mines just a rough idea but might help you.

    If you are trying to get the image off the right of the screen use margin-right: -???px but make sure you have overflow: hidden on the wrapper.