<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: shubham sutar</title>
    <description>The latest articles on DEV Community by shubham sutar (@ishubh).</description>
    <link>https://dev.to/ishubh</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F532416%2Fa9e1183a-9eae-4d6a-9c0b-1248cac3d5f8.png</url>
      <title>DEV Community: shubham sutar</title>
      <link>https://dev.to/ishubh</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/ishubh"/>
    <language>en</language>
    <item>
      <title>Understanding Python Conditions and Loops: A Beginner's Guide</title>
      <dc:creator>shubham sutar</dc:creator>
      <pubDate>Sat, 28 Sep 2024 06:27:02 +0000</pubDate>
      <link>https://dev.to/ishubh/understanding-python-conditions-and-loops-a-beginners-guide-1a9a</link>
      <guid>https://dev.to/ishubh/understanding-python-conditions-and-loops-a-beginners-guide-1a9a</guid>
      <description>&lt;p&gt;Mastering conditions and loops in Python is essential for controlling program flow and repeating tasks efficiently. Ready to dive in? Let's break it down step-by-step!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;1. If-Else Conditions&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The &lt;code&gt;if-else&lt;/code&gt; statement lets your program make decisions. If a condition is &lt;code&gt;True&lt;/code&gt;, a block of code runs; otherwise, the &lt;code&gt;else&lt;/code&gt; block executes.&lt;/p&gt;

&lt;p&gt;Example: Check Voter Eligibility by Age&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="n"&gt;age&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;20&lt;/span&gt;
&lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="n"&gt;age&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;=&lt;/span&gt; &lt;span class="mi"&gt;18&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="nf"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;You are eligible to vote.&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="k"&gt;else&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="nf"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;You are not eligible to vote.&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;2. Elif: Handling Multiple Conditions&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The &lt;code&gt;elif&lt;/code&gt; statement allows you to check multiple conditions sequentially. If the first condition is &lt;code&gt;False&lt;/code&gt;, Python checks the next one.&lt;/p&gt;

&lt;p&gt;Example: Finding the Greatest Number&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="n"&gt;num1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;num2&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="n"&gt;num3&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;5&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;3&lt;/span&gt;
&lt;span class="k"&gt;if&lt;/span&gt; &lt;span class="n"&gt;num1&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="n"&gt;num2&lt;/span&gt; &lt;span class="ow"&gt;and&lt;/span&gt; &lt;span class="n"&gt;num1&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="n"&gt;num3&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="nf"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;num1 is the greatest&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="k"&gt;elif&lt;/span&gt; &lt;span class="n"&gt;num2&lt;/span&gt; &lt;span class="o"&gt;&amp;gt;&lt;/span&gt; &lt;span class="n"&gt;num3&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="nf"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;num2 is the greatest&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;span class="k"&gt;else&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="nf"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="s"&gt;num3 is the greatest&lt;/span&gt;&lt;span class="sh"&gt;"&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;3. For Loops&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The &lt;code&gt;for&lt;/code&gt; loop repeats a block of code for a specific number of iterations. Ideal when you know how many times you want to loop through a sequence.&lt;/p&gt;

&lt;p&gt;Example: Looping with a Range&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="k"&gt;for&lt;/span&gt; &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="ow"&gt;in&lt;/span&gt; &lt;span class="nf"&gt;range&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="mi"&gt;1&lt;/span&gt;&lt;span class="p"&gt;,&lt;/span&gt; &lt;span class="mi"&gt;11&lt;/span&gt;&lt;span class="p"&gt;):&lt;/span&gt;
    &lt;span class="nf"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;i&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;strong&gt;4. While Loops&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;The &lt;code&gt;while&lt;/code&gt; loop continues to execute a block of code as long as a specified condition is &lt;code&gt;True&lt;/code&gt;. Useful when the number of iterations is unknown.&lt;/p&gt;

&lt;p&gt;Example: While Loop Counting to 10&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight python"&gt;&lt;code&gt;&lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="o"&gt;=&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;
&lt;span class="k"&gt;while&lt;/span&gt; &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="o"&gt;&amp;lt;=&lt;/span&gt; &lt;span class="mi"&gt;10&lt;/span&gt;&lt;span class="p"&gt;:&lt;/span&gt;
    &lt;span class="nf"&gt;print&lt;/span&gt;&lt;span class="p"&gt;(&lt;/span&gt;&lt;span class="n"&gt;i&lt;/span&gt;&lt;span class="p"&gt;)&lt;/span&gt;
    &lt;span class="n"&gt;i&lt;/span&gt; &lt;span class="o"&gt;+=&lt;/span&gt; &lt;span class="mi"&gt;1&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Conditions and loops are the backbone of decision-making and repetition in Python. Mastering &lt;code&gt;if-else&lt;/code&gt;, &lt;code&gt;elif&lt;/code&gt;, &lt;code&gt;for&lt;/code&gt;, and &lt;code&gt;while&lt;/code&gt; loops will elevate your coding skills.&lt;/p&gt;

&lt;p&gt;Want to dive deeper? Read my full article on mastering conditions and loops in Python on &lt;a class="mentioned-user" href="https://dev.to/hashnode"&gt;@hashnode&lt;/a&gt;! Happy coding ❤&lt;/p&gt;

&lt;p&gt;&lt;a href="https://www.buymeacoffee.com/Shubham93" rel="noopener noreferrer"&gt;&lt;img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fcdn.buymeacoffee.com%2Fbuttons%2Fv2%2Fdefault-yellow.png" alt="Buy Me A Coffee"&gt;&lt;/a&gt;&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>python</category>
      <category>learning</category>
      <category>testing</category>
    </item>
    <item>
      <title>CSS Battle Daily Target</title>
      <dc:creator>shubham sutar</dc:creator>
      <pubDate>Thu, 18 Jan 2024 03:45:28 +0000</pubDate>
      <link>https://dev.to/ishubh/css-battle-daily-target-4g9b</link>
      <guid>https://dev.to/ishubh/css-battle-daily-target-4g9b</guid>
      <description>&lt;h2&gt;
  
  
  CSS Battle Daily Target 18 January 2024 Solution.
&lt;/h2&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcw0axhepa70ycvwy54vs.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcw0axhepa70ycvwy54vs.png" alt="CSS Battle Daily Target 18 January 2024" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;p a&amp;gt;
&amp;lt;style&amp;gt;
  *{
    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;
  }
&amp;lt;/style&amp;gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This code 100% matches to the targeted shape.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftig8nh1xh0nd9b3oyjpa.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Ftig8nh1xh0nd9b3oyjpa.jpg" alt="CSS Battle Daily Target 18 January 2024" width="800" height="401"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;YouTube video solution :&lt;br&gt;
&lt;a href="https://youtu.be/FoRE6sTKkZ8?si=RcSpdaNaqXGahHOC" rel="noopener noreferrer"&gt;CSS Battle Daily Target 17 January 2024&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/FoRE6sTKkZ8"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>webdev</category>
      <category>cssbattle</category>
      <category>css</category>
    </item>
    <item>
      <title>CSS Battle Daily Target</title>
      <dc:creator>shubham sutar</dc:creator>
      <pubDate>Wed, 17 Jan 2024 04:02:57 +0000</pubDate>
      <link>https://dev.to/ishubh/css-battle-daily-target-6l5</link>
      <guid>https://dev.to/ishubh/css-battle-daily-target-6l5</guid>
      <description>&lt;h2&gt;
  
  
  CSS Battle Daily Target 17 January 2024 Solution.
&lt;/h2&gt;

&lt;p&gt;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.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc4haiagyzi0uzd2rpbxg.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fc4haiagyzi0uzd2rpbxg.png" alt="CSS Battle Daily Target 17 January 2024" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

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

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;p a&amp;gt;
&amp;lt;b&amp;gt;&amp;lt;b m&amp;gt;
&amp;lt;style&amp;gt;
  *{
    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;
  }
&amp;lt;/style&amp;gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This code 100% matches to the targeted shape.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcohgisvpvwkicrsw20qd.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcohgisvpvwkicrsw20qd.jpg" alt="CSS Battle Daily Target 17 January 2024" width="800" height="369"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;YouTube video solution :&lt;br&gt;
&lt;a href="https://youtu.be/pnu03pcuiYk?si=1fczvk38Drw5vWzS" rel="noopener noreferrer"&gt;CSS Battle Daily Target 17 January 2024&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/pnu03pcuiYk"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>webdev</category>
      <category>beginners</category>
      <category>css</category>
      <category>cssbattle</category>
    </item>
    <item>
      <title>What is CSS Battle?</title>
      <dc:creator>shubham sutar</dc:creator>
      <pubDate>Tue, 02 Jan 2024 05:18:12 +0000</pubDate>
      <link>https://dev.to/ishubh/what-is-css-battle-4bn7</link>
      <guid>https://dev.to/ishubh/what-is-css-battle-4bn7</guid>
      <description>&lt;p&gt;Lately, you may have come across several channels on YouTube presenting information about CSS Battle. After all, what is CSS Battle? This is probably the question running through people’s minds. So, friends, no need to worry. Through this post, we will share information about what is CSS Battle?, what is daily targets in CSS Battle?, and what is Code Golf Battle?&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7hca6c1dxu1yriyfoumt.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F7hca6c1dxu1yriyfoumt.png" alt="what is CSS Battle?" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;CSS Battle is a game-like challenge provided by the website &lt;a href="https://cssbattle.dev/" rel="noopener noreferrer"&gt;CSSBattle.dev&lt;/a&gt;. In this game, the website presents a daily shape or art by providing HTML and CSS code. Participants need to write code in HTML and CSS languages to recreate the presented design exactly, making a 100% match. Based on this, participants receive scores/marks.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3bkl71ql8m05z5gbhtjl.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F3bkl71ql8m05z5gbhtjl.jpg" alt="what is CSS Battle?" width="800" height="402"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Daily Targets in CSS Battle?
&lt;/h2&gt;

&lt;p&gt;Learning HTML and CSS languages is essential to succeed in this platform. There is no competition in the daily target, and the daily target remains free for 24 hours. If you want to continue completing targets beyond 24 hours, you can subscribe to CSS Battle. Now that we know about daily CSS targets, let’s learn more about the battle.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbe2eo0jobeboorfaumrd.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fbe2eo0jobeboorfaumrd.jpg" alt="What is Daily Targets in CSS Battle?" width="800" height="350"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  What is Code Golf Battle?
&lt;/h2&gt;

&lt;p&gt;CSS Battle is a coding challenge held for a few days, where developers, software engineers, web designers, students, and teachers from around the world participate. There are two conditions in this battle: you need to write the least amount of code, and your design must match 100%. Based on these criteria, you receive points, and rankings are assigned accordingly.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcf80denzqqx5zexobryn.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fcf80denzqqx5zexobryn.jpg" alt="What is Code Golf Battle?" width="800" height="369"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;h2&gt;
  
  
  🔥The benefits of CSS Battle:
&lt;/h2&gt;

&lt;p&gt;👉&lt;strong&gt;1. Consistency :&lt;/strong&gt; Consistency As you may know, in any field, achieving success requires daily dedication. There is an English saying that consistency is the key to success. In this CSS Battle game, you will develop the habit of consistency, and that is its benefit.&lt;/p&gt;

&lt;p&gt;👉&lt;strong&gt;2. CSS Concepts :&lt;/strong&gt; By playing this game, you can learn advanced concepts of the CSS language, enhancing your knowledge by completing daily targets. This knowledge can be advantageous in company interviews, making you more comfortable and confident.&lt;/p&gt;

&lt;p&gt;So, friends, this was all the information about CSS Battle. I hope that this information proves useful for you. Stay connected with us to continue enjoying posts like this. Thank you for staying with us and appreciating our content.&lt;/p&gt;

&lt;p&gt;hope this solution helpful for you. Thank You 🙏.&lt;br&gt;
Keep &lt;strong&gt;Follow Like and Subscribe&lt;/strong&gt;.&lt;br&gt;
⭐&lt;a href="https://www.youtube.com/@coderwolf2.0" rel="noopener noreferrer"&gt;Youtube Channel - Coder Wolf&lt;/a&gt;&lt;/p&gt;

</description>
      <category>css</category>
      <category>webdev</category>
      <category>cssbattle</category>
      <category>beginners</category>
    </item>
    <item>
      <title>CSS Battle Daily Target</title>
      <dc:creator>shubham sutar</dc:creator>
      <pubDate>Tue, 02 Jan 2024 04:28:43 +0000</pubDate>
      <link>https://dev.to/ishubh/css-battle-daily-target-2ik8</link>
      <guid>https://dev.to/ishubh/css-battle-daily-target-2ik8</guid>
      <description>&lt;h2&gt;
  
  
  CSS Battle Daily Target 02 January 2024 Solution.
&lt;/h2&gt;

&lt;p&gt;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 02, 2024 — Solution.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6imysnb3yy4ouaebgtvr.png" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F6imysnb3yy4ouaebgtvr.png" alt="CSS Battle Daily Target 01 January 2024" width="800" height="450"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;Today’s CSS Battle Daily Target for January 02, 2024 is quite simple. In this, we have used CSS properties such as &lt;strong&gt;&lt;em&gt;background, width, height, margin, -webkit-box-reflect, border-radius&lt;/em&gt;&lt;/strong&gt;. The code for this is provided below:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;p&amp;gt;&amp;lt;p a&amp;gt;
&amp;lt;style&amp;gt;
  *{
    background:#645E00;
  }
  body{
    width: 120px;
    height: 120px;
    background: #FFF579;
    margin:90 140;
    border-radius:20px
  }
  p{
    height:20;
    width:60;
    background:#FFF579;
    position: fixed;
    margin:-40 30;
    border-radius:20px;
    -webkit-box-reflect: below 160px
  }
  [a]{
    margin: 50 120;
    rotate:90deg;
  }
&amp;lt;/style&amp;gt;

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This code 100% matches to the targeted shape.&lt;/p&gt;

&lt;p&gt;&lt;a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsgtzj5mk5gjp97u86ze5.jpg" class="article-body-image-wrapper"&gt;&lt;img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fsgtzj5mk5gjp97u86ze5.jpg" alt="CSS Battle Daily Target 01 January 2024" width="800" height="355"&gt;&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;So buddies this is the solution of CSS Battle Daily Target 02 January 2024. I hope this solution helpful for you. Thank You 🙏.&lt;br&gt;
Keep Follow &lt;strong&gt;Like and Subscribe&lt;/strong&gt;.&lt;/p&gt;

&lt;p&gt;YouTube video solution :&lt;br&gt;
&lt;a href="https://youtu.be/rRxZhz3g64M" rel="noopener noreferrer"&gt;CSS Battle Daily Target 01 January 2024&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;iframe width="710" height="399" src="https://www.youtube.com/embed/rRxZhz3g64M"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>css</category>
      <category>webdev</category>
      <category>beginners</category>
      <category>cssbattle</category>
    </item>
  </channel>
</rss>
