CODEWITHSUNDEEP
htmlcssresponsive-design
user3828351
user3828351

Reputation: 21

Issue with the background responsiveness

I am working on : http://brand-prestige.com/signup/ The problem I am facing is the logos scatters around doesn't stay at same place but goes behind the form while resizing the window.How can I make them stable?what cs do i need to use? PLease help!

Upvotes: 0

Views: 44

Answers (4)

Thijs Kempers
Thijs Kempers

Reputation: 469

Try this:

background-position: center center;
background-size: cover  cover;

Add this to your body element.

Upvotes: 2

Melissa Hie
Melissa Hie

Reputation: 471

You can use background-position:center on the .authenty class. This will make the logo background stay in place and goes around your form.

Upvotes: 0

Jamie Wade
Jamie Wade

Reputation: 277

Posting a jsfiddle would help people in getting an answer over to you.

But looking at your source code, try adding this for the effect you are after:

.authenty {
    background-position: center center;
}

Upvotes: 0

Adam Hughes
Adam Hughes

Reputation: 2277

You need to centre your background image horizontally and align it to the top vertically. At the moment it's aligned to the top left as that is the default.

background: #EAEAEA url(../imgs/bg.png) 50% 0%;

Upvotes: 0

Related Questions