CSS Battle Daily Target

#webdev #beginners #css #cssbattle

CSS Battle Daily Target 17 January 2024 Solution.

Hello, friends, today we will be solving the CSS Battle Daily Target through this blog. If you have just known about CSS Battle from the previous blog post, then with this and all future posts, you will be participating in a challenge every day. Let’s start with today’s new challenge. CSS Battle Daily Target for January 17, 2024 — Solution.

Today’s CSS Battle Daily Target for January 17, 2024 is quite simple. In this, we have used CSS properties such as background, width, height, margin, -webkit-box-reflect, border-radius. The code for this is provided below:

<p><p a>
<b><b m>
<style>
  *{
    background:#D8B788;
  }
  p{
    width: 40px;
    height: 20px;
    background: #684C3B;
    top:34;
    left:180;
    border-radius:10px 10px 0 0;
    position:fixed;
  }
  [a]{
    width: 120px;
    height: 180px;
    margin:36 -40;
    border-radius:10px
  }
  b{
    width:120;
    height:20;
    top:90;
    background:#D8B788;
    position:fixed;
  }
  [m]{
    width:80;
    height:20;
    background:#D8B788;
    top:170;
    rotate:90deg;
    border-radius:10px;
    -webkit-box-reflect:above 20px;
  }
</style>

This code 100% matches to the targeted shape.