šŸ–Œļø

CSS

Sections: Design, Layout, Animation, Mechanics, Problem solving

ā€£
What is the difference between Responsive Design vs Adaptive Design
ā€£
What is the difference between Mobile-First Design vs Graceful degradation
ā€£
What is the CSS display property? What are some ways it can be used?
ā€£
Resetting vs Normalizing CSS
ā€£
block vs inline-block vs inline
ā€£
relative vs fixed vs absolute vs static -ally positioned elements
ā€£
What is the z-index property? And what is stacking context and how is it formed?
ā€£
Why would you use translate() over absolute + relative + fixed positioning ?
ā€£
float vs clear
ā€£
BFC (block formatting context) how does it work? And why is it important?
ā€£
What is the Box Model, and how does it work?
ā€£
ā­ļø Grid vs Flexbox
ā€£
What is CSS selector specificity and how does it work?
ā€£
Preprocessors: SCSS, SASS ā€” What are they and how do they work?
ā€£
What can Sass/SCSS do that Vanilla CSS canā€™t?
ā€£
Media Queries ā€” What are they used for?
ā€£
Explain CSS sprites, and how you would implement them on a page or site. What are the benefits of CSS sprites?
ā€£
How do you serve your pages for feature-constrained browsers? What techniques/processes do you use?
ā€£
How do you approach fixing browser-specific styling issues?
ā€£
What are the various clearing techniques and which is appropriate for what context? What problem is this meant to solve?
ā€£
What is a media type? Can you give an example of an @media types other than screen?
ā€£
How do you visually hide content (and make it available only for screen readers)?
ā€£
How do you write efficient CSS?
ā€£
What are the main advantages of using CSS preprocessors? Disadvantages?
ā€£
What is CSS BEM?
ā€£
Using flexbox, style the HTML below to create a 3-column layout where each column takes up a col-{n} / 12 ratio of the container.
ā€£
What is the difference between em and rem units?
ā€£
What are the advantages of using CSS sprites and how are they utilized?
ā€£
What is the difference between + and ~ sibling selectors?.
ā€£
What is a focus ring? What is the correct solution to handle them?