2021-11-09 10:03:21 -08:00
---
id: 6140cbeec34e970dfe75e710
title: Step 3
challengeType: 0
dashedName: step-3
---
# --description--
Create a selector for your `.wheel` element. Start by setting the `border` to `2px solid black` , the `border-radius` to `50%` , and the `margin-left` to `50px` .
# --hints--
You should have a `.wheel` selector.
```js
assert(new __helpers.CSSHelp(document).getStyle('.wheel'));
```
Your `.wheel` selector should have a `border` property set to `2px solid black` .
```js
assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.border === '2px solid black');
```
Your `.wheel` selector should have a `border-radius` property set to `50%` .
```js
assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.borderRadius === '50%');
```
Your `.wheel` selector should have a `margin-left` property set to `50px` .
```js
assert(new __helpers.CSSHelp(document).getStyle('.wheel')?.marginLeft === '50px');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
< html >
< head >
< meta charset = "UTF-8" >
2022-03-14 15:54:43 +00:00
< title > Ferris Wheel< / title >
2021-11-09 10:03:21 -08:00
< link rel = "stylesheet" href = "./styles.css" >
< / head >
< body >
< div class = "wheel" >
< span class = "line" > < / span >
< span class = "line" > < / span >
< span class = "line" > < / span >
< span class = "line" > < / span >
< span class = "line" > < / span >
< span class = "line" > < / span >
< div class = "cabin" > < / div >
< div class = "cabin" > < / div >
< div class = "cabin" > < / div >
< div class = "cabin" > < / div >
< div class = "cabin" > < / div >
< div class = "cabin" > < / div >
< / div >
< / body >
< / html >
```
```css
--fcc-editable-region--
--fcc-editable-region--
```
