The Power Pill

Easy+20 XP

Mission Briefing

Spark needs to stretch horizontally. Set Spark's width to 150px and round the ends completely.

The Concept: Pill Shape

If the border-radius is larger than half the smallest dimension, the corners meet in the middle to form a semi-circle.

The Objective

  1. Target the .spark-character.
  2. Set width to 150px.
  3. Set border-radius to 75px.

Constraints

    cssshapes
    Live Visual Output
    style.css
    Loading...