mister-webdev / movie-app

src/entities/YoutubeVideo/YoutubeVideo.module.scss

.responsiveVideo {

Selector responsiveVideo should be written in lowercase with hyphens

  position: relative;

Properties should be ordered box-shadow, height, overflow, padding-bottom, position

  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  box-shadow: rgb(3, 12, 51) 0px 20px 25px -5px, rgb(255, 18, 18) 0px 10px 10px -5px;

Color literals like rgb(255, 18, 18) should only be used in variable declarations; they should be referred to via variable everywhere else.

0px should be written without units as 0

Color literals like rgb(3, 12, 51) should only be used in variable declarations; they should be referred to via variable everywhere else.

}

.responsiveVideo iframe {

Selector responsiveVideo should be written in lowercase with hyphens

Merge rule .responsiveVideo iframe with rule on line 1

  position: absolute;

Properties should be ordered height, left, position, top, width

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}