Испытание: починка телевизора 100% 5/15

Курсы §36. Знакомство с SVG
1
Сводка 
<svg height="250" width="330">
  <rect class="leg" width="15" height="30" x="260" y="200" rx="5" fill="black" />
  <rect class="leg" width="15" height="30" x="45" y="200" rx="5" fill="black" />

  <rect class="case" width="300" height="200" x="10" y="10" rx="50" fill="dimgray" />
  <rect class="screen" width="200" height="160" x="30" y="30" rx="30" fill="deepskyblue" />

  <rect class="panel" width="50" height="90" x="245" y="70" rx="10" fill="black" />

  <rect class="button" width="30" height="15" x="255" y="80" rx="5" fill="red" />
  <rect class="button" width="30" height="15" x="255" y="105" rx="5" fill="gold" />
  <rect class="button" width="30" height="15" x="255" y="130" rx="5" fill="lime" />
</svg>
2 
100% Плюсики - пометки для себя,что бы не запутаться.
           <svg height="250" width="330">
      <!--+-->
      <rect class="leg" width="15" height="30" x="260" y="200" rx="5" fill="black" />
      <rect class="leg" width="15" height="30" x="45" y="200" rx="5" fill="black" />
      
      
      <!--+-->
      <rect class="case" width="300" height="200" x="10" y="10" rx="50" fill="dimgray" /> 
      
      <!--+-->
      <rect class="screen" width="200" height="160" x="30" y="30" rx="30" fill="deepskyblue" />

      <!--+-->
      <rect class="panel" width="50" height="90" x="245" y="70" rx="10" fill="black" />

      <!--+-->
      <rect class="button" width="30" height="15" x="255" y="80" rx="5" fill="red" />
      
      <!--+-->
      <rect class="button" width="30" height="15" x="255" y="105" rx="5" fill="gold" />
      
      <!--+-->
      <rect class="button" width="30" height="15" x="255" y="130" rx="5" fill="lime" />
    </svg>
1 лайк