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

HTML-CSS
1

Tell us what’s happening:

There is a bug in this specific practice question. when you type transform : skewX(24deg). it complete test as we know it’s a correct sentence but it does not prompt to submit. while when we ut transform: skewX(24deg). it works well.

Your code so far

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

Your browser information:

User Agent is: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/125.0.0.0 Safari/537.36

Challenge Information:

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

2

The Lgeacy responsive web design challenges are not maintained anymore, if you want you can create a PR to fix this, but make sure to use the correct formatting, which is no space before the colon

3

Hello and welcome to the forum!

The code worked fine for me. I am wondering if maybe an extension, or dark mode may be causing an issue. Please check for these and disable if necessary to submit the code.

As well, you could attempt to submit it from a different browser.

Happy coding.

4

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