CODEWITHSUNDEEP
htmlcss
bkirklint
bkirklint

Reputation: 49

Position image to right, trailing off screen

I would like to position my image trailing off the screen and for it to appear like that on any resolution or device. Does it need to be a background image?

<section class="meet">
    <div class="meet01">
        <img src="img/keyboard.png" class="keyboard">
        <img src="img/blue_frame.png">
        <h1><strong>Hello.</strong></h1>
       <img src="img/mouse.png" class="mouse">
    </div>
</section>

enter image description here

Upvotes: 5

Views: 3753

Answers (1)

Adern Nerk
Adern Nerk

Reputation: 330

<Style>
.oneh
{
float:right !important;
width:100%;
position:relative;
height:auto;
margin-right:-40% !important;
}
.meet01
{
width:100%;
overflow:hidden;
}
</style>
<section class="meet">
    <div class="meet01">
        <img src="img/keyboard.png" class="oneh keyboard">
        <img src="img/blue_frame.png">
        <h1><strong>Hello.</strong></h1>
        <img src="img/mouse.png" class="mouse">
    </div>
</section>

Upvotes: 3

Related Questions