5 replies

Width and height works in inline css but not in external css

<video class="anim-logo" width="160" height="100%" autoplay muted playsinline>

<video class="anim-logo" width="160" height="100%" autoplay muted playsinline>

<video class="anim-logo" width="160" height="100%" autoplay muted playsinline>

<video class="anim-logo" width="160" height="100%" autoplay muted playsinline>

When i remove the width and height from the inline css and put it in css targeting the class anim-logo like this

.anim-logo {
  width: 160;
  height: 100%;
}

.anim-logo {
  width: 160;
  height: 100%;
}

.anim-logo {
  width: 160;
  height: 100%;
}

.anim-logo {
  width: 160;
  height: 100%;
}

Then width and the height doesn't takes in effect like it did if I put it in the html. Why?