CODEWITHSUNDEEP
javascripthtmlcssangularjsangular-material
Xiangbing Ji
Xiangbing Ji

Reputation: 21

Angular Material layout conflicts with my original CSS

I just started to learn Angular Material. The problem is that after I include the Angular Material script, my original CSS gets messed up. The margin-top simply doesn't work, no matter what value I set.

Could anyone help me?

My login form CSS is like this:

#login {
width: 300px;
height: 240px;
margin-left: auto;
margin-right: auto;
margin-top: 100px;
background: #EEEEEF;
padding: 30px 30px 0px 30px;
}

The margin-top conflicts with Angular Material. How should I solve that?

Upvotes: 2

Views: 144

Answers (2)

Meghana
Meghana

Reputation: 89

try to keep important for margin-top:100px !important; If not solved try to keep your code so that we can help you

Upvotes: 1

norcal johnny
norcal johnny

Reputation: 2115

Give it a position:absolute?

Or am I completely missing the point..typing to pass minimum

Upvotes: 0

Related Questions