# Feature request: add example for border radius

**URL:** <https://forum.freecodecamp.org/t/feature-request-add-example-for-border-radius/505759>\
**Category:** freeCodeCamp Contributors\
**Tags:** contributing\
**Created:** [April 22, 2022, 1:50pm UTC](https://forum.freecodecamp.org/t/feature-request-add-example-for-border-radius/505759 "2022-04-22T13:50:51Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![lemon1](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lemon1/32/225694_2.png) [@lemon1](https://forum.freecodecamp.org/u/lemon1)\
**Post date:** [April 22, 2022, 1:50pm UTC](https://forum.freecodecamp.org/t/feature-request-add-example-for-border-radius/505759/1 "2022-04-22T13:50:51Z")

</div>

![screenshot of step 41](https://global.discourse-cdn.com/freecodecamp/original/4X/f/f/2/ff21c8694d385e027b3e7194e24bf0cca3bad14f.png)

In [step 41](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting/step-41) of Learn the CSS Box Model by Building a Rothko Painting in beta RWD course, there is no mention for the syntax of border radius (`/* top-left-and-bottom-right | top-right-and-bottom-left */`) in any of the previous steps.

Instructions of step 41

> Use the `border-radius` property on the `.two` selector, to set its top-left and bottom-right radii to `8px` , and top-right and bottom-left radii to `10px` .

* * *

But in the next step ([step 42](https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-the-css-box-model-by-building-a-rothko-painting/step-42)), in the instructions it is mentioned that **border-radius accepts upto 4 values**.

> The `border-radius` property accepts up to four values to round the top-left, top-right, bottom-right, and bottom-left corners.
> 
> Round the top-left corner of `.three` by 30 pixels, the top-right by 25 pixels, the bottom-right by 60 pixels, and bottom-left by 12 pixels.

* * *

It’d be nice to be explicit and have an example like this 👇

Here’s an example of a rule that sets the div of class `.two`’s top-left and bottom-right radii to `4px` , and top-right and bottom-left radii to `8px`:

```auto
.two {
  border-radius: 4px 8px;
}

```

If you think this is a valid idea, then I’ll raise an issue on GitHub.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [October 22, 2022, 1:51am UTC](https://forum.freecodecamp.org/t/feature-request-add-example-for-border-radius/505759/2 "2022-10-22T01:51:41Z")

</div>

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.