<?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: Muhammad Huzaifa</title>
    <description>The latest articles on DEV Community by Muhammad Huzaifa (@asyncdesire).</description>
    <link>https://dev.to/asyncdesire</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%2F354065%2F5a71afe5-5409-4ad2-a0db-b4af92fe28c3.jpg</url>
      <title>DEV Community: Muhammad Huzaifa</title>
      <link>https://dev.to/asyncdesire</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/asyncdesire"/>
    <language>en</language>
    <item>
      <title>How to properly use the grid templates in javascript</title>
      <dc:creator>Muhammad Huzaifa</dc:creator>
      <pubDate>Mon, 29 Aug 2022 20:18:37 +0000</pubDate>
      <link>https://dev.to/devngraphics/how-to-properly-use-the-grid-templates-in-javascript-2l5d</link>
      <guid>https://dev.to/devngraphics/how-to-properly-use-the-grid-templates-in-javascript-2l5d</guid>
      <description>&lt;div class="ltag__stackexchange--container"&gt;
  &lt;div class="ltag__stackexchange--title-container"&gt;
    
      &lt;div class="ltag__stackexchange--title"&gt;
        &lt;div class="ltag__stackexchange--header"&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--7Gn-iPj_--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
          &lt;a href="https://stackoverflow.com/questions/73522015/how-to-properly-use-the-grid-templates-in-javascript" rel="noopener noreferrer"&gt;
            How to properly use the grid templates in javascript
          &lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Aug 28 '22&lt;/span&gt;
            &lt;span&gt;Comments: &lt;/span&gt;
            &lt;span&gt;Answers: 0&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/73522015/how-to-properly-use-the-grid-templates-in-javascript" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Y9mJpuJP--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          0
        &lt;/div&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--wif5Zq3z--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev.to/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;pre&gt;&lt;code&gt;// JavaScript
// Get The Elements
const container = document.querySelector('#container');
const info = document.querySelector('#info');
const boxes = document.querySelector('#boxes');

// Get The DOM
const numHeading = document.createElement('h2');
const getNum = document.createElement('input');
const button = document.createElement('button')


getNum.setAttribute('type', 'number');
getNum.setAttribute('min', '1');
getNum.setAttribute('max', '64');
numHeading.textContent = 'Choose The Grid Size';
button.textContent = 'Start';

info.append(numHeading,&lt;/code&gt;&lt;/pre&gt;…
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    &lt;a href="https://stackoverflow.com/questions/73522015/how-to-properly-use-the-grid-templates-in-javascript" class="ltag__stackexchange--btn" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
  &lt;/div&gt;
&lt;/div&gt;


</description>
    </item>
    <item>
      <title>Fork Me! FCC: Test Suite Template</title>
      <dc:creator>Muhammad Huzaifa</dc:creator>
      <pubDate>Sun, 22 Mar 2020 19:27:36 +0000</pubDate>
      <link>https://dev.to/asyncdesire/fork-me-fcc-test-suite-template-kpa</link>
      <guid>https://dev.to/asyncdesire/fork-me-fcc-test-suite-template-kpa</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/devngraphics/embed/yLNqZPd?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
    <item>
      <title>Tribute Page | freeCodeCamp | DevnGraphics</title>
      <dc:creator>Muhammad Huzaifa</dc:creator>
      <pubDate>Sun, 22 Mar 2020 19:27:09 +0000</pubDate>
      <link>https://dev.to/asyncdesire/tribute-page-freecodecamp-devngraphics-18hd</link>
      <guid>https://dev.to/asyncdesire/tribute-page-freecodecamp-devngraphics-18hd</guid>
      <description>&lt;p&gt;&lt;iframe height="600" src="https://codepen.io/devngraphics/embed/BaNPzXz?height=600&amp;amp;default-tab=result&amp;amp;embed-version=2"&gt;
&lt;/iframe&gt;
&lt;/p&gt;

</description>
      <category>codepen</category>
    </item>
  </channel>
</rss>
