Link to home
Start Free TrialLog in
Avatar of Rajesh Joshi
Rajesh JoshiFlag for India

asked on

CSS for Responsive site

I am trying to make https://www.peadler.com/ site responsive specially for mobile. I do not want to change  the original site which opens in PC.
For testing I have uploaded it http://just2test.in/peadler/peadler.html
Now for textboxes on top I have used following style in the same page like this
@media(max-width:767px) {
	
.usernameField {
    width: 100px;
    margin-top: 8px;
}
.passwordField {
    width: 100px;
    margin-left: 20px;
    margin-top: 8px;
}
}

Open in new window

but it does not work.

I need help for registration and video section too to make it responsive.

Thanks and advance.
ASKER CERTIFIED SOLUTION
Avatar of Prasadh Baapaat
Prasadh Baapaat
Flag of India image
Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Rajesh Joshi
Rajesh Joshi
Flag of India image

ASKER

Thank you.
Will you please explain why my code was not working.

Thank you again.
Avatar of Prasadh Baapaat
Prasadh Baapaat
Flag of India image
one reasen may be: by the CSS code I suggested, we are targeting the EXACT element... like we are telling the browser to target a textbox which is inside .container >> .loginFormWrapper >> .loginTable >> .passwordField (this one to target)

thanks,
Prasadh