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

Guide
1

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

This is a stub. Help the community by making a suggestion of a hint and/or solution. We may use your suggestions to update the missing sections.

Problem Explanation

This summarizes what need to be done without just restating the challenge description and/or instructions. This is an optional section

Relevant Links

Hints

Hint 1

Hint goes here

Hint 2

Hint goes here

Solutions

Solution 1 (Click to Show/Hide) 
<style>
  div {
    width: 70%;
    height: 100px;
    margin:  50px auto;
  }
  #top {
    background-color: red;
  }
  #bottom {
    background-color: blue;
    transform: skewX(24deg);
  }
</style>

<div id="top"></div>
<div id="bottom"></div>

Code Explanation

  • Code explanation goes here
  • Code explanation goes here

Relevant Links

10 Likes