The Weekly Web Dev Challenge - Scrimba Course Card Clone 🎓

scrimba

Watch in fullscreen

by Kevin Powell

The Weekly Web Dev Challenge

About

Comments

Notes

The Weekly Web Dev Challenge: Netflix Card Clone 🎥1:37

The Weekly Web Dev Challenge - Scrimba Course Card Clone 🎓

by Kevin Powell

The Weekly Web Dev Challenge

Expand for more info

The Weekly Web Dev Challenge: Netflix Card Clone 🎥1:37

index.css

run

preview

console

html, body {
    margin: 0;
    padding: 0;
}

/*
DESCRIPTION:

You challenge is clone a course card from Scrimba's homepage.

For the layout, you can go grid or flex.

Some extra things to look into:
 - logical properties for margin and padding
 - the new color syntax (for RGB and HSL)
 
 Stretch goals: 
  - Add those fun bubble animations!
  - Create a set of cards where the colors (and other things?) are updated through the use of custom properties

*/

/* Write your code here 👇 */

html, body {

margin: 0;

padding: 0;

}

DESCRIPTION:

You challenge is clone a course card from Scrimba's homepage.

For the layout, you can go grid or flex.

Some extra things to look into:

- logical properties for margin and padding

- the new color syntax (for RGB and HSL)

Stretch goals:

- Add those fun bubble animations!

- Create a set of cards where the colors (and other things?) are updated through the use of

custom properties

/* Write your code here 👇 */

-2:06