Испытание: CAT Academy [16/16]

Курсы §12. Фоны
42

.bg {
height: 300px;
background: url(“cat_fish_128.png”) no-repeat 90px 145px,
url(“cat_drunk_128.png”) no-repeat 160px 125px,
url(“cat_grumpy_128.png”) no-repeat 15px 125px,
url(“cat_walk_128.png”) no-repeat 80px 80px,
url(“cat_academy.png”) no-repeat 40% 9%,
url(“star.png”) repeat-x 0% 10px,
url(“star.png”) repeat-x 0% 270px;
}

43

Подскажите пожалуйста, каким методом вычисляют пиксели? Я выполняя задание смотрел на грустного кота слева и расстояние по горизонтали прикидывал на глаз от левого края картинки, а по вертикали от верха.

44 
html,
body {
  margin: 0;
  padding: 0;
}

.block {
  width: 300px;
  height: 300px;
  background-color: #3498db;
}

.bg {
  height: 300px;
  background: url("cat_fish_128.png") no-repeat 90px 145px,
              url("cat_grumpy_128.png") no-repeat 15px 125px,
              url("cat_drunk_128.png") no-repeat 160px 125px,
              url("cat_walk_128.png") no-repeat 80px 80px,
              url("cat_academy.png") no-repeat 20px 20px,
              url("star.png")repeat-x 0 10px,
              url("star.png")repeat-x 0 270px;
              
              
}
1 лайк
45

Правильно вот так. У меня 100%. Подбирал px через сравнить

  background: url('cat_fish_128.png') no-repeat 90px 145px,
              url('cat_grumpy_128.png') no-repeat 15px 125px,
              url('cat_drunk_128.png') no-repeat 160px 125px,
              url('cat_walk_128.png') no-repeat 80px 80px,
              url('cat_academy.png') no-repeat 20px 20px,
              url('star.png') repeat-x 0 10px,
              url('star.png') repeat-x 0 270px;
46 
background:
    url(cat_fish_128.png) no-repeat 90px 145px,
    url(star.png) repeat-x 0 270px,
    url(cat_drunk_128.png) no-repeat 160px 125px,
    url(cat_grumpy_128.png) no-repeat 15px 125px,
    url(cat_walk_128.png) no-repeat 80px 80px,
    url(cat_academy.png) no-repeat 20px 20px,
    url(star.png) repeat-x 0 10px;
}