<?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: J E E N A R J U N</title>
    <description>The latest articles on DEV Community by J E E N A R J U N (@jmjjeena).</description>
    <link>https://dev.to/jmjjeena</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%2F321689%2Fd3dad638-72f1-47a7-8222-4bcdfed45682.jpg</url>
      <title>DEV Community: J E E N A R J U N</title>
      <link>https://dev.to/jmjjeena</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/jmjjeena"/>
    <language>en</language>
    <item>
      <title>Is it possible, to convert a Google Document into a Google Spreadsheet?</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Thu, 23 Apr 2020 17:45:18 +0000</pubDate>
      <link>https://dev.to/jmjjeena/is-it-possible-to-convert-a-google-document-into-a-google-spreadsheet-491i</link>
      <guid>https://dev.to/jmjjeena/is-it-possible-to-convert-a-google-document-into-a-google-spreadsheet-491i</guid>
      <description>&lt;p&gt;I have a details listed out in a Google Docs like in the following format:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;[4:05AM] - abc
[6:00AM] - def
[6:05AM] - ghi
[8:05AM] - jkl
&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;



&lt;p&gt;I want to convert this into Google Sheets.&lt;br&gt;
Rather than copying one by one is there a better way to convert the Docs into Sheets. Thanks. &lt;/p&gt;

</description>
      <category>google</category>
    </item>
    <item>
      <title>How to create a nested dictionary from existing list of dictionaries</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Wed, 15 Apr 2020 22:34:57 +0000</pubDate>
      <link>https://dev.to/jmjjeena/how-to-create-a-nested-dictionary-from-existing-list-of-dictionaries-156p</link>
      <guid>https://dev.to/jmjjeena/how-to-create-a-nested-dictionary-from-existing-list-of-dictionaries-156p</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;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--nfpfhxRD--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-7a8ef189e4f15e79cc8edc0cd3cff97b77dbaf61e8d5bee3c7507ace7d776b83.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/61239756/how-to-create-a-nested-dictionary-from-existing-list-of-dictionaries" rel="noopener noreferrer"&gt;
               How to create a nested dictionary from existing list of dictionaries
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Apr 15 '20&lt;/span&gt;
            &lt;span&gt;Comments: 1&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/61239756/how-to-create-a-nested-dictionary-from-existing-list-of-dictionaries" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s---Gu-KklO--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-up-d310ac55a57f00b74b1303a08e0f2e3cdea8fea5989fa5d70f506008aa86428b.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--nOzY64sa--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-fd895e09c6a93e39464cad43d727a293eae44c7228c087e86d478214a271c794.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;I already have a dictionary as follows:&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;[{ 
  'acct': '2020', 
  'date': '2020-04-13', 
  'amount': 70.0, 
 },
{ 
  'acct': '2020', 
  'date': '2020-04-13', 
  'amount': 30.0, 
 },
{ 
  'acct': '2020', 
  'date': '2020-04-10', 
  'amount': 70.0, 
 },
{ 
  'acct': '2019', 
  'date': '2020-04-10', 
  'amount': 50.0, 
 }]
&lt;/code&gt;&lt;/pre&gt;

&lt;p&gt;I want to create a new nested dictionary → whose initial…&lt;/p&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/61239756/how-to-create-a-nested-dictionary-from-existing-list-of-dictionaries" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>python</category>
      <category>codenewbie</category>
      <category>beginners</category>
    </item>
    <item>
      <title>Suggest best courses/resources to pick up python fast</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Thu, 02 Apr 2020 16:17:51 +0000</pubDate>
      <link>https://dev.to/jmjjeena/suggest-best-courses-resources-to-pick-up-python-fast-3bce</link>
      <guid>https://dev.to/jmjjeena/suggest-best-courses-resources-to-pick-up-python-fast-3bce</guid>
      <description>

</description>
      <category>python</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Best course/resource to pick up python fast</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Wed, 01 Apr 2020 21:39:23 +0000</pubDate>
      <link>https://dev.to/jmjjeena/best-course-resource-to-pick-up-python-fast-a0k</link>
      <guid>https://dev.to/jmjjeena/best-course-resource-to-pick-up-python-fast-a0k</guid>
      <description>

</description>
      <category>python</category>
      <category>codenewbie</category>
    </item>
    <item>
      <title>Promoted as a Full Stack Engineer</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Tue, 31 Mar 2020 19:52:12 +0000</pubDate>
      <link>https://dev.to/jmjjeena/promoted-as-a-full-stack-engineer-527f</link>
      <guid>https://dev.to/jmjjeena/promoted-as-a-full-stack-engineer-527f</guid>
      <description>&lt;p&gt;Just as this year was getting worse by each day, I just got promoted as FULL STACK ENGINEER &lt;/p&gt;

</description>
      <category>womenintech</category>
      <category>python</category>
      <category>javascript</category>
    </item>
    <item>
      <title>Convert to 2 functions to one function</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Thu, 26 Mar 2020 17:53:58 +0000</pubDate>
      <link>https://dev.to/jmjjeena/convert-to-2-functions-to-one-function-5142</link>
      <guid>https://dev.to/jmjjeena/convert-to-2-functions-to-one-function-5142</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;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pTF_nE4a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/60873226/convert-to-2-functions-to-one-function" rel="noopener noreferrer"&gt;
               Convert to 2 functions to one function
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Mar 26 '20&lt;/span&gt;
            &lt;span&gt;Comments: 2&lt;/span&gt;
            &lt;span&gt;Answers: 1&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/60873226/convert-to-2-functions-to-one-function" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5MiFESHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/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--Rk_a5QFN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;Following are 2 functions to get the options in the dropdown. I want to make it to one function rather than 2 different function. There are few options different based on &lt;strong&gt;fromtype/totype&lt;/strong&gt;. But most like &lt;strong&gt;case A, I, W&lt;/strong&gt; etc are common for both the functions. How to make…&lt;/p&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/60873226/convert-to-2-functions-to-one-function" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>react</category>
      <category>javascript</category>
    </item>
    <item>
      <title>How to avoid repeating the same function to allow modifier keys on click on the link?</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Fri, 06 Mar 2020 19:25:56 +0000</pubDate>
      <link>https://dev.to/jmjjeena/how-to-avoid-repeating-the-same-function-to-allow-modifier-keys-on-click-on-the-link-2c0m</link>
      <guid>https://dev.to/jmjjeena/how-to-avoid-repeating-the-same-function-to-allow-modifier-keys-on-click-on-the-link-2c0m</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;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pTF_nE4a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/60570347/how-to-avoid-repeating-the-same-function-to-allow-modifier-keys-on-click-on-the" rel="noopener noreferrer"&gt;
               How to avoid repeating the same function to allow modifier keys on click on the link?
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Mar  6 '20&lt;/span&gt;
            &lt;span&gt;Comments: 1&lt;/span&gt;
            &lt;span&gt;Answers: 2&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/60570347/how-to-avoid-repeating-the-same-function-to-allow-modifier-keys-on-click-on-the" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5MiFESHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/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--Rk_a5QFN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;I want the users have the option to do cmd+click on the name and role, so that the page related to it opens up in a new tab. &lt;/p&gt;
&lt;p&gt;Following code is how I am handling it right now. I want a better solution of writing this code → instead of…&lt;/p&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/60570347/how-to-avoid-repeating-the-same-function-to-allow-modifier-keys-on-click-on-the" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>react</category>
      <category>javascript</category>
    </item>
    <item>
      <title>How to adjust the size of the container based on the contents without repeating same lines of code?</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Tue, 03 Mar 2020 18:58:42 +0000</pubDate>
      <link>https://dev.to/jmjjeena/how-to-adjust-the-size-of-the-container-based-on-the-contents-without-repeating-same-lines-of-code-22lo</link>
      <guid>https://dev.to/jmjjeena/how-to-adjust-the-size-of-the-container-based-on-the-contents-without-repeating-same-lines-of-code-22lo</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;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pTF_nE4a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/60513737/how-to-adjust-the-size-of-the-container-based-on-the-contents-without-repeating" rel="noopener noreferrer"&gt;
               How to adjust the size of the container based on the contents without repeating same lines of code?
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Mar  3 '20&lt;/span&gt;
            &lt;span&gt;Comments: 1&lt;/span&gt;
            &lt;span&gt;Answers: 1&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/60513737/how-to-adjust-the-size-of-the-container-based-on-the-contents-without-repeating" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5MiFESHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          2
        &lt;/div&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Rk_a5QFN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;I have few components rendered on based on certain conditions because of which the parent container sizing has to change. &lt;/p&gt;
&lt;pre class="lang-jsx prettyprint-override"&gt;&lt;code&gt;export const Container = styled.div`
  display: grid;
  font-family: Nunito Sans;
  padding: 32px 40px 80px 80px;
  background-color: transparent;
  grid-template-columns: 980px;
  grid-template-rows: 40px minmax(64px, max-content);
  ${props =&amp;gt;
    props.extra &amp;amp;&amp;amp;
    css`
      grid-template-rows: 40px&lt;/code&gt;&lt;/pre&gt;…
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/60513737/how-to-adjust-the-size-of-the-container-based-on-the-contents-without-repeating" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>react</category>
      <category>styledcomponents</category>
      <category>css</category>
      <category>grid</category>
    </item>
    <item>
      <title>Convert text of a button from 'Copy' to 'Copied' and then back to 'Copy' after few seconds</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Fri, 31 Jan 2020 14:29:43 +0000</pubDate>
      <link>https://dev.to/jmjjeena/convert-text-of-a-button-from-copy-to-copied-and-then-back-to-copy-after-few-seconds-20dc</link>
      <guid>https://dev.to/jmjjeena/convert-text-of-a-button-from-copy-to-copied-and-then-back-to-copy-after-few-seconds-20dc</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;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pTF_nE4a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/60005773/convert-text-of-a-button-from-copy-to-copied-and-then-back-to-copy-after-f" rel="noopener noreferrer"&gt;
               Convert text of a button from 'Copy' to 'Copied' and then back to 'Copy' after few seconds
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Jan 31 '20&lt;/span&gt;
            &lt;span&gt;Comments: 1&lt;/span&gt;
            &lt;span&gt;Answers: 1&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/60005773/convert-text-of-a-button-from-copy-to-copied-and-then-back-to-copy-after-f" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5MiFESHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/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--Rk_a5QFN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;How to convert jQuery code to React JS?&lt;/p&gt;
&lt;p&gt;I have a button with text 'Copy'. When I click on it should change its text to 'Copied' and copy to Clipboard. Once copied, after few seconds I want the text to go back to 'Copy'. The following function will work I…&lt;/p&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/60005773/convert-text-of-a-button-from-copy-to-copied-and-then-back-to-copy-after-f" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>react</category>
      <category>javascript</category>
      <category>help</category>
      <category>beginners</category>
    </item>
    <item>
      <title>How to adjust the font size based on the content (which is a number and string) in a container?</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Wed, 29 Jan 2020 20:09:42 +0000</pubDate>
      <link>https://dev.to/jmjjeena/how-to-adjust-the-font-size-based-on-the-content-which-is-a-number-and-string-in-a-container-4oa4</link>
      <guid>https://dev.to/jmjjeena/how-to-adjust-the-font-size-based-on-the-content-which-is-a-number-and-string-in-a-container-4oa4</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;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pTF_nE4a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/59974785/how-to-adjust-the-font-size-based-on-the-content-which-is-a-number-and-string" rel="noopener noreferrer"&gt;
               How to adjust the font size based on the content (which is a number and string) in a container?
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Jan 29 '20&lt;/span&gt;
            &lt;span&gt;Comments: 2&lt;/span&gt;
            &lt;span&gt;Answers: 1&lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      &lt;a class="ltag__stackexchange--score-container" href="https://stackoverflow.com/questions/59974785/how-to-adjust-the-font-size-based-on-the-content-which-is-a-number-and-string" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5MiFESHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/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--Rk_a5QFN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;I am having a container which takes in the amount and the currency. As the amount gets bigger and reaches near to the right padding (i.e., 16px), the font size should be reducing. At the same time the top padding of the currency should also change. &lt;/p&gt;
&lt;p&gt;&lt;a href="https://jsfiddle.net/jmjjeena/uzsL7n0c/" rel="nofollow noreferrer"&gt;https://jsfiddle.net/jmjjeena/uzsL7n0c/&lt;/a&gt;&lt;/p&gt;

&lt;pre&gt;&lt;code&gt;//////////////// REACT /////////////////&lt;/code&gt;&lt;/pre&gt;…
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/59974785/how-to-adjust-the-font-size-based-on-the-content-which-is-a-number-and-string" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
      <category>react</category>
      <category>javascript</category>
      <category>css</category>
      <category>beginners</category>
    </item>
    <item>
      <title>CSS COURSES</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Thu, 23 Jan 2020 18:39:26 +0000</pubDate>
      <link>https://dev.to/jmjjeena/css-courses-3c0d</link>
      <guid>https://dev.to/jmjjeena/css-courses-3c0d</guid>
      <description>&lt;p&gt;Can someone suggest best courses from which I could learn css.&lt;/p&gt;

</description>
      <category>css</category>
      <category>styledcomponents</category>
      <category>react</category>
      <category>javascript</category>
    </item>
    <item>
      <title>How to use regex instead of set to convert exception words to lower case?published: true---{% stackoverflow 59848071 %}</title>
      <dc:creator>J E E N A R J U N</dc:creator>
      <pubDate>Tue, 21 Jan 2020 22:22:58 +0000</pubDate>
      <link>https://dev.to/jmjjeena/how-to-use-regex-instead-of-set-to-convert-exception-words-to-lower-case-published-true-stackoverflow-59848071-56c5</link>
      <guid>https://dev.to/jmjjeena/how-to-use-regex-instead-of-set-to-convert-exception-words-to-lower-case-published-true-stackoverflow-59848071-56c5</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;h1&gt;
          &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--pTF_nE4a--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackoverflow-logo-b42691ae545e4810b105ee957979a853a696085e67e43ee14c5699cf3e890fb4.svg" alt=""&gt;
            &lt;a href="https://stackoverflow.com/questions/59848071/how-to-use-regex-instead-of-set-to-convert-exception-words-to-lower-case" rel="noopener noreferrer"&gt;
               How to use regex instead of set to convert exception words to lower case?
            &lt;/a&gt;
        &lt;/h1&gt;
        &lt;div class="ltag__stackexchange--post-metadata"&gt;
          &lt;span&gt;Jan 21 '20&lt;/span&gt;
            &lt;span&gt;Comments: 6&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/59848071/how-to-use-regex-instead-of-set-to-convert-exception-words-to-lower-case" rel="noopener noreferrer"&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--5MiFESHx--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-up-eff2e2849e67d156181d258e38802c0b57fa011f74164a7f97675ca3b6ab756b.svg" alt=""&gt;
        &lt;div class="ltag__stackexchange--score-number"&gt;
          1
        &lt;/div&gt;
        &lt;img src="https://res.cloudinary.com/practicaldev/image/fetch/s--Rk_a5QFN--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://practicaldev-herokuapp-com.freetls.fastly.net/assets/stackexchange-arrow-down-4349fac0dd932d284fab7e4dd9846f19a3710558efde0d2dfd05897f3eeb9aba.svg" alt=""&gt;
      &lt;/a&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--body"&gt;
    
&lt;p&gt;This is what I have done so far. I am capitalizing the first alphabet of all the words except 'by','and', 'of', 'it', 'the', 'at' etc., (the list is goes on).&lt;/p&gt;
&lt;p&gt;Expected output: Dance by Cow&lt;/p&gt;

&lt;p&gt;Output I received was : Dance by Cow&lt;/p&gt;

&lt;p&gt;But now I want to use regex…&lt;/p&gt;
    
  &lt;/div&gt;
  &lt;div class="ltag__stackexchange--btn--container"&gt;
    
      &lt;a href="https://stackoverflow.com/questions/59848071/how-to-use-regex-instead-of-set-to-convert-exception-words-to-lower-case" rel="noopener noreferrer"&gt;Open Full Question&lt;/a&gt;
    
  &lt;/div&gt;
&lt;/div&gt;


</description>
    </item>
  </channel>
</rss>
