CSS Battle Daily Target

#beginners #webdev #cssbattle #css

CSS Battle Daily Target 18 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 18, 2024 — Solution.

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

<p><p a>
<style>
  *{
    background:#F7BED9;
  }
  body{
    width: 20;
    height: 180;
    background:#8B0051;
    margin:60 130;
    border-radius:10px;
  }
  p{
    width: 90;
    height: 60;
    position:fixed;
    background:#F069AB;
    margin:18 20;
    border-radius: 0 10px 10px 0;
  }
  [a]{
    background:#EC0076;
    left:160;
    top:80;
    border-radius:10px;
    z-index:-1;
  }
</style>

This code 100% matches to the targeted shape.