let x=>.map()<div>color: teal____________

Explorer···

▼THEEBUG

index.tsx learn.md docs.md about.md faq.md leaderboard.md privacy.md

THEEBUG›learn.md

CSS

Style pages with selectors, the box model, flexbox, and more.

Beginner

3 levels

01 — lesson1.css

easySelectors & Color

2 color: [ ___ ];

Select every <p> and make its text color "teal"

02 — lesson2.css

easyThe Box Model

2 [ ___ ]: 20px;

3 border: 1px solid [ ___ ];

Give .card 20px of padding and a 1px solid border

04 — lesson4.css

easyFont & Text

2 font-size: [ ___ ];

3 text-align: [ ___ ];

Make the heading 32px and centered

Intermediate

3 levels

03 — lesson3.css

mediumFlexbox Basics

2 display: [ ___ ];

3 justify-content: [ ___ ];

Turn .row into a flex container with items centered horizontally

05 — lesson5.css

mediumBackgrounds & Radius

2 background-color: [ ___ ];

3 border-radius: [ ___ ];

Give .button a lightblue background and fully rounded corners

06 — lesson6.css

mediumHover State

1.link:[ ___ ] {

2 color: [ ___ ];

Make .link turn orange when the mouse hovers over it

mainUTF-8

Markdown