Skip to main content

Challenge #128 - Letter N

Click here to play the challengeā€‹

CSS Battle Challenge

My Solutionā€‹

My Score:602.95 (515 chars,100% match)

<div class="div-I"></div>
<div class="div-I"></div>
<div class="div-skew"></div>

<style>
  body{
    background:#998235;
    margin:0;
  }
  .div-I{
    position:absolute;
    background:#0B2429;
    height:250px;
    width:40px;
    left:135px;
    top:70px;
    z-index:100
  }
  .div-I:nth-child(2){
    left:225px;
    top:-20px;
    z-index:0
  }
  .div-skew{
    height:160px;
    background:#FCBE5C;
    position:absolute;
    width:42px;
    top:70px;
    left:179px;
    transform:skew(20deg)
  }
</style>