Applied Visual Design: Use the CSS Transform Property skewX to Skew an Element Along the X-AxisPassed

What is your hint or solution suggestion?

div { width: 70%; height: 100px; margin: 50px auto; } #top { background-color: red; } #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, Wdowik.

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 (’).