{"componentChunkName":"component---src-templates-blog-post-js","path":"/Interview/css/","result":{"data":{"site":{"siteMetadata":{"title":"Nans' blogs"}},"markdownRemark":{"id":"c60760c3-aef2-5f80-a650-3c63fc21f1f5","excerpt":"Those are just some random questions I sometimes ask when evaluating junior developers. ⭐ What will these lines do ? Name 2 CSS styling frameworks ⭐⭐ How would…","html":"<p>Those are just some random questions I sometimes ask when evaluating junior developers.</p>\n<p>⭐</p>\n<ul>\n<li>\n<p>What will these lines do ?</p>\n<div class=\"gatsby-highlight\" data-language=\"css\"><pre class=\"language-css\"><code class=\"language-css\"><span class=\"token selector\">.header</span> <span class=\"token punctuation\">{</span>\n<span class=\"token property\">color</span><span class=\"token punctuation\">:</span> red<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n\n<span class=\"token selector\">#header</span> <span class=\"token punctuation\">{</span>\n<span class=\"token property\">color</span><span class=\"token punctuation\">:</span> yellow<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n\n<span class=\"token selector\">.header > h1</span> <span class=\"token punctuation\">{</span>\n<span class=\"token property\">color</span><span class=\"token punctuation\">:</span> blue<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n\n<span class=\"token selector\">input.header</span> <span class=\"token punctuation\">{</span>\n<span class=\"token property\">color</span><span class=\"token punctuation\">:</span> brick<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span>\n\n<span class=\"token selector\">div.header</span> <span class=\"token punctuation\">{</span>\n<span class=\"token property\">color</span><span class=\"token punctuation\">:</span> brown<span class=\"token punctuation\">;</span>\n<span class=\"token punctuation\">}</span></code></pre></div>\n</li>\n<li>\n<div class=\"gatsby-highlight\" data-language=\"html\"><pre class=\"language-html\"><code class=\"language-html\"><span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;</span>div</span> <span class=\"token attr-name\">class</span><span class=\"token attr-value\"><span class=\"token punctuation attr-equals\">=</span><span class=\"token punctuation\">\"</span>header<span class=\"token punctuation\">\"</span></span><span class=\"token punctuation\">></span></span> Hello, world! <span class=\"token tag\"><span class=\"token tag\"><span class=\"token punctuation\">&lt;/</span>div</span><span class=\"token punctuation\">></span></span></code></pre></div>\n</li>\n<li>Name 2 CSS styling frameworks</li>\n</ul>\n<p>⭐⭐</p>\n<ul>\n<li>How would you build a responsive interface ?</li>\n<li>What is the difference margin vs padding ?</li>\n<li>What are CSS preprocessors ?</li>\n</ul>","frontmatter":{"title":"CSS Interview questions","date":"August 15, 2020","description":"Basic interview questions"}}},"pageContext":{"slug":"/Interview/css/","previous":{"fields":{"slug":"/Interview/html/"},"frontmatter":{"title":"HTML Interview questions","tags":["interview","frontend"]}},"next":{"fields":{"slug":"/Tech Hunter/"},"frontmatter":{"title":"Atelier tech hunter","tags":null}}}},"staticQueryHashes":["2841359383","3145232782"]}