# Use the text-transform Property to Text Uppercase

**URL:** <https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219>\
**Category:** freeCodeCamp Contributors\
**Tags:** contributing\
**Created:** [September 29, 2020, 1:10pm UTC](https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219 "2020-09-29T13:10:35Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![priyabisai](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/priyabisai/32/180276_2.png) [@priyabisai](https://forum.freecodecamp.org/u/priyabisai)\
**Post date:** [September 29, 2020, 1:10pm UTC](https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219/1 "2020-09-29T13:10:35Z")

</div>

**What is your hint or solution suggestion?**

> **Solution**
>
> ```auto
> h4 {
> 
> text-align: center;
> 
> background-color: rgba(45, 45, 45, 0.1);
> 
> padding: 10px;
> 
> font-size: 27px;
> 
> text-transform:uppercase;
> 
> }
> 
> ```

**Challenge:** Use the text-transform Property to Make Text Uppercase

**Link to the challenge:**

> **[freeCodeCamp.org](https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase)**
>
> Learn to Code — For Free

---

<div class="post-metadata">

**Author:** ![CactusWren2020](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/cactuswren2020/32/144687_2.png) [@CactusWren2020](https://forum.freecodecamp.org/u/CactusWren2020)\
**Post date:** [September 29, 2020, 2:44pm UTC](https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219/2 "2020-09-29T14:44:45Z")

</div>

What you did was correct.

Is it not letting you pass the test?

---

<div class="post-metadata">

**Author:** ![Sky020](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sky020/32/128093_2.png) [@Sky020](https://forum.freecodecamp.org/u/Sky020)\
**Post date:** [September 29, 2020, 7:29pm UTC](https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219/3 "2020-09-29T19:29:03Z")

</div>

Hey @CactusWren2020, Many of the posts in #Contributors are solutions/suggestions for the Guide posts:

> [@freeCodeCamp Challenge Guide: Use the text-transform Property to Make Text Uppercase](https://forum.freecodecamp.org/t/freecodecamp-challenge-guide-use-the-text-transform-property-to-make-text-uppercase/301081):
>
> [Use the text-transform Property to Make Text Uppercase](https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/use-the-text-transform-property-to-make-text-uppercase)play_button Solution (Click to show/hide)

No need to worry about the posts that have the above format 👍

---

<div class="post-metadata">

**Author:** ![Sky020](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/sky020/32/128093_2.png) [@Sky020](https://forum.freecodecamp.org/u/Sky020)\
**Post date:** [September 29, 2020, 7:29pm UTC](https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219/4 "2020-09-29T19:29:54Z")

</div>

Welcome, priyabisai.

Thank you, for your contribution. For future contributions, please wrap your solution within :

````nohighlight
[details]
```
code goes here...
```
[/details]

````

Also, provide **all** of the necessary code to pass the challenge.

Also, when you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor ( `</>` ) to add backticks around text.

 ![Pre-formatted-text](https://global.discourse-cdn.com/freecodecamp/original/3X/1/b/1b18854f1059217f29370444396145cc3a0cd8ae.gif)

See [this post](http://www.freecodecamp.com/forum/t/forum-code-formatting/25574) to find the backtick on your keyboard.  
**Note:** Backticks (`) are not single quotes (’).

---

<div class="post-metadata">

**Author:** ![parixitchaudhary99](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/parixitchaudhary99/32/210652_2.png) [@parixitchaudhary99](https://forum.freecodecamp.org/u/parixitchaudhary99)\
**Post date:** [March 24, 2021, 8:13am UTC](https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219/5 "2021-03-24T08:13:20Z")

</div>

just simply write text-transform in the h4 class  
h4 {  
text-align: center;  
background-color: rgba(45, 45, 45, 0.1);  
padding: 10px;  
font-size: 27px;  
text-transform: uppercase;  
}

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 6:32pm UTC](https://forum.freecodecamp.org/t/use-the-text-transform-property-to-text-uppercase/423219/6 "2021-06-01T18:32:20Z")

</div>