scrimba
Frontend Career Path
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Introduction: CSS Challenge - Double Border
AboutCommentsNotes
Introduction: CSS Challenge - Double Border
Expand for more info
challenge.md
run
preview
console
**Challenge**:
Your main goal is to create a 'double border' as seen in the preview, with a blue border on the inside, and a red border on the outside. There should be no space between them. The whitespace inside the box is 30 pixels by 30 pixels.

**Hints:**
- Look at the HTML for hints as to which properties and selectors to use
- Use the Box Model properties (margin, padding, etc.) to solve the challenge

**Topics Covered:**
- Box Model

**Other Information**:
- Inner border color: #1785eb
- Outer border color: #f24c46
- Total (both borders) thickness: 20px
Console
/index.html
-1:10