title: Intellicode not working properly in Vs code when writing in JSX
body: <p>I am new to react, and I am implementing a third-party package named <strong>styled-components</strong> to work with the CSS styling in my app</p>
  <p>Using the <strong>styled-components</strong> package requires me to write the code that typically includes CSS and javascript(mixed).</p>
  <p>For example</p>
  <pre><code>//para style
  const StyledPara = styled.p`
    color: green;
  
    @media (max-width: 500px) {
      color: red;
      font-weight: bold;
      font-size: 40px;
    }
  `;
  
  //div style
  
  const StyledDiv = styled.div`
    width: 400px;
    margin: 16px auto;
    border: 1px solid #eee;
    box-shadow: 0 2px 3px #ccc;
    padding: 40px;
  `;
  
  **//Button style**
  
  const ButtonStyle = styled.button`
    padding: 8px;
    font: inherit;
    border: 2px solid black;
    cursor: pointer;
    background: ${(props) =&gt; (props.colorInfo ? &quot;red&quot; : &quot;green&quot;)};
    color: white;
    &amp;:hover {
      background-color: ${(props) =&gt;
        props.colorInfo ? &quot;#ffcccb&quot; : &quot;lightgreen&quot;};
    }
  `;
  </code></pre>
  <p>I am not able to get the auto-complete suggestions in my VS-code editor whenever I am writing CSS styles such as media-queries etc in JSX.</p>
  <p>Is there any way I can solve this issue?  any help would be appreciated. Thank you</p>