CODEWITHSUNDEEP
css
sharkdawg
sharkdawg

Reputation: 984

Image causing white space and horizontal scrollbar

By ghosting my CSS elements I can see that my mouth image is creating addtional white space but I dont know how to remove it. I've tried hiding the overflow in the hope that it might work but it hasnt? Link to codepen

.mouth{
top: 268px;
left: 273px;
position: relative;
overflow-x:hidden;
}

Upvotes: 0

Views: 53

Answers (1)

Serg Chernata
Serg Chernata

Reputation: 12400

Use absolute positioning instead.

.trumpframe{
    position: relative;
}

.mouth {
    position: absolute;
}

You'll need to tweak the top and left values since I can't see the image it has to overlap.

Upvotes: 2

Related Questions