Hint for Use the CSS Transform Property skewX to Skew an Element Along the X-Axis

What is your hint or solution suggestion?
#bottom {
background-color : blue;
transform : skewx(24deg);
}

Challenge: Use the CSS Transform Property skewX to Skew an Element Along the X-Axis

Link to the challenge:

Welcome, phabosamra.

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

[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.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Thank you, for your guide post contribution. I have taken your suggestions and included them in the following guide post:

We look forward to your further contribution.