Smoothing the Edge

Easy+10 XP

Mission Briefing

Welcome to Day 4! The sharp corners of the rectangular grid are causing friction. Smooth them out to improve aerodynamics.

The Concept: Border Radius

The border-radius property rounds the corners of an element's outer border edge.

The Objective

  1. Target the .spark-character.
  2. Set border-radius to 10px.

Constraints

    cssshapes
    Live Visual Output
    style.css
    Loading...