Summer Sale! Additional 20% off annual and lifetime plans with the code SUMMERSALE23. Grab your discount today!
What does `* { box-sizing: border-box; }` do?
What are its advantages?What is CSS selector specificity and how does it work?
What is the CSS `display` property and can you give a few examples of its use?
What's the difference between `inline` and `inline-block`?
Explain how a browser determines what elements match a CSS selector.
Have you played around with the new CSS Flexbox or Grid specs?
Describe Block Formatting Context (BFC) and how it works.
Describe `float`s and how they work.
Describe pseudo-elements and discuss what they are used for.
Describe `z-index` and how stacking context is formed.
Explain CSS sprites, and how you would implement them on a page or site.
Have you ever used a grid system, and if so, what do you prefer?
How do you serve your pages for feature-constrained browsers?
What techniques/processes do you use?How is responsive design different from adaptive design?
How would you approach fixing browser-specific styling issues?
What are the advantages/disadvantages of using CSS preprocessors?
What's the difference between "resetting" and "normalizing" CSS?
Which would you choose, and why?Are you familiar with styling SVG?
Can you give an example of an `@media` property other than `screen`?
Describe what you like and dislike about the CSS preprocessors you have used.
Have you ever worked with retina graphics?
If so, when and what techniques did you use?Have you used or implemented media queries or mobile-specific layouts/CSS?
What are some of the "gotchas" for writing efficient CSS?
What are the various clearing techniques and which is appropriate for what context?
What existing CSS frameworks have you used locally, or in production?
How would you change/improve them?