[8/20] 100% Испытание: толщина и прозрачность обводки.

Курсы §37. Оформление SVG-фигур
1 
/* Используемые цвета:
   yellowgreen, gold, lightseagreen
*/

svg {
  border: 1px solid #dddddd;
}

polygon {
 fill: none;   
}

polygon:nth-child(1) {
stroke: yellowgreen;
stroke-width: 5;
}

polygon:nth-child(2) {
stroke: gold;
stroke-width: 10;
}

polygon:nth-child(3) {
stroke: lightseagreen;
stroke-width: 30;
opacity: 0.5;
}
2

У вас не совсем верное решение. Получается 99.8%

Не могу никак понять где недоработка.

/* Используемые цвета:
  yellowgreen, gold, lightseagreen
*/

svg {
    border: 1px solid #dddddd;
}

polygon {
    fill: none;
}

polygon:nth-child(1) {
    stroke: yellowgreen;
    stroke-width: 5;
}

polygon:nth-child(2) {
    stroke: gold;
    stroke-width: 10;
}

polygon:nth-child(3) {
    stroke: lightseagreen;
    stroke-width: 30;
    opacity: 0.5;
}
```![Screenshot 2022-02-24 at 22.44.31|681x500](upload://qTm2BRNy1GwNSHo2TXUtkYfKTTw.png)
3 
<svg width="320" height="180">

  <polygon points="90.711 20 161.421 90.711 90.711 161.421 20 90.711" fill-opacity = "0" stroke = "yellowgreen" stroke-width = "5" ></polygon>

  <polygon points="150.711 20 221.421 90.711 150.711 161.421 80 90.711" fill-opacity = "0" stroke = "gold" stroke-width = "10"></polygon>

  <polygon points="210.711 20 281.421 90.711 210.711 161.421 140 90.711" fill-opacity = "0" stroke = "lightseagreen" stroke-width = "30" stroke-opacity = "0.5" ></polygon>

</svg>

100% вариант