Sign in to unlock

Get unlimited access to all questions and answers

checked

Get lifetime access

checked

Track progress

checked

Save time

đź‘‹

Hi! Please sign in to edit.

You will receive an email notification when your contribution is accepted.

The fastest way to prepare
for a tech interview

Check our curated list of full-stack, data structures & software architecture interview questions and answers for developers

* If it's yours original answer, you can add a link to your social media account or personal website.
CSS interview questions

CSS interview questions.

Only challenges
Topic progress: 0%
  • 1.

    Explain the three main ways to apply CSS styles to a web page

    premium question
    completed

    Answer:

  • 2.

    What is CSS?

    premium question
    completed

    Answer:

  • 3.

    How to use variables in Sass?

    premium question
    completed

    Answer:

  • 4.

    Explain CSS sprites, and how you would implement them on a page or site.

    premium question
    completed

    Answer:

  • 5.

    Explain the CSS “box model” and the layout components that it consists of

    premium question
    completed

    Answer:

  • 6.

    What is a CSS rule?

    premium question
    completed

    Answer:

  • 7.

    Explain what is a @extend directive used for in Sass?

    premium question
    completed

    Answer:

  • 8.

    Have you played around with the new CSS Flexbox or Grid specs?

    premium question
    completed

    Answer:

  • 9.

    What is DOM (Document Object Model) and how is it linked to CSS?

    premium question
    completed

    Answer:

  • 10.

    What is Sass?

    premium question
    completed

    Answer:

  • 11.

    What existing CSS frameworks have you used locally, or in production? How would you change/improve them?

    premium question
    completed

    Answer:

  • 12.

    Describe floats and how they work

    premium question
    completed

    Answer:

  • 13.

    What Selector Nesting in Sass is used for?

    premium question
    completed

    Answer:

  • 14.

    List out the key features for Sass?

    premium question
    completed

    Answer:

  • 15.

    What is the difference between classes and IDs in CSS?

    premium question
    completed

    Answer:

  • 16.

    List out the data types that Sass supports

    premium question
    completed

    Answer:

  • 17.

    What is variable interpolation in Sass? Provide some examples.

    premium question
    completed

    Answer:

  • 18.

    What's the difference between SCSS and Sass?

    premium question
    completed

    Answer:

  • 19.

    Explain the usage of "table-layout" property

    premium question
    completed

    Answer:

  • 20.

    What's the difference between a relative, fixed, absolute and statically positioned element?

    premium question
    completed

    Answer:

  • 21.

    Have you ever worked with retina graphics? If so, when and what techniques did you use?

    premium question
    completed

    Answer:

  • 22.

    What are the advantages/disadvantages of using CSS preprocessors?

    premium question
    completed

    Answer:

  • 23.

    How is responsive design different from adaptive design?

    premium question
    completed

    Answer:

  • 24.

    What is CSS selectors? Name some.

    premium question
    completed

    Answer:

  • 25.

    What does Accessibility (a11y) mean?

    premium question
    completed

    Answer:

  • 26.

    What is CSS preprocessor and why to user one?

    premium question
    completed

    Answer:

  • 27.

    How would you approach fixing browser-specific styling issues?

    premium question
    completed

    Answer:

  • 28.

    What’s the difference between “resetting” and “normalizing” CSS? Which would you choose, and why?

    premium question
    completed

    Answer:

  • 29.

    Explain your understanding of the box model and how you would tell the browser in CSS to render your layout in different box models.

    premium question
    completed

    Answer:

  • 30.

    Describe pseudo-elements and discuss what they are used for.

    premium question
    completed

    Answer:

  • 31.

    How does CSS actually work (under the hood of browser)?

    premium question
    completed

    Answer:

  • 32.

    What is a Grid System in CSS?

    premium question
    completed

    Answer:

  • 33.

    What is a Mixin and how to use on?

    premium question
    completed

    Answer:

  • 34.

    How to create a zebra striped table with CSS?

    premium question
    completed

    Answer:

  • 35.

    Explain the purpose of clearing floats in CSS

    premium question
    completed

    Answer:

  • 36.

    What does * { box-sizing: border-box; } do? What are its advantages?

    premium question
    completed

    Answer:

  • 37.

    Can you explain the difference between coding a website to be responsive versus using a mobile-first strategy?

    premium question
    completed

    Answer:

  • 38.

    Explain the basic rules of CSS Specificity

    premium question
    completed

    Answer:

  • 39.

    How do you optimize your webpages for print?

    premium question
    completed

    Answer:

  • 40.

    Have you ever used a grid system, and if so, what do you prefer?

    premium question
    completed

    Answer:

  • 41.

    What are the different ways to visually hide content (and make it available only for screen readers)?

    premium question
    completed

    Answer:

  • 42.

    Describe z-index and how a stacking context is formed

    premium question
    completed

    Answer:

  • 43.

    Is there any reason you'd want to use translate() instead of absolute positioning, or vice-versa? And why?

    premium question
    completed

    Answer:

  • 44.

    What the code fragment has the greater CSS specificity?

    premium question
    completed

    Answer:

  • 45.

    What will be the CSS output for the following Sass code?

    premium question
    completed

    Answer:

  • 46.

    What is the @content directive used for?

    premium question
    completed

    Answer:

  • 47.

    Write down a selector that will match any links end in .zip, .ZIP, .Zip etc...

    premium question
    completed

    Answer:

  • 48.

    How to style every element which has an adjacent item right before it?

    premium question
    completed

    Answer:

  • 49.

    What’s wrong with Sass nesting? Provide some example.

    premium question
    completed

    Answer:

  • 50.

    What clearfix methods do you know? Provide some examples.

    premium question
    completed

    Answer:

One tip that got me hired by Google, Microsoft, and Stripe

I've worked for Microsoft, Google, Stripe, and received offers from many other companies. One thing I learned when I was interviewing myself is that standard interview tips are woefully inadequate.

Reverse Tech Interview: Questions to Stump an Interviewer

Few people want to get into an uncomfortable environment or an unprofitable company with no prospects. If you’re wondering how to get a real feel for a company during an interview, you’re welcome. I’ll give a list of questions that interviewers don’t usually expect...

How to become a programmer, move to the US, and get a dream job

Are you curious about what you need to do to earn more than $15.000 a month, drive a Tesla, live in sunny California, and work at Google, Apple, Facebook, or Amazon?

11 Reactive Systems interview questions and answers for software engineers

Reactive systems are an architectural style that allows multiple individual applications to blend into one unit, reacting to their environment, while staying aware of each other. Here is a list of coding interview questions on Reactive Systems to help you get ready for your next data struc...

. Reactive Systems
34 Microservices interview questions and answers for software engineers

Microservice architecture – a variant of the service-oriented architecture structural style – arranges an application as a collection of loosely coupled services. In a microservices architecture, services are fine-grained and the protocols are lightweight. Here is a list of coding intervie...

. Microservices
7 Layering & Middleware interview questions for developers

Middleware in the context of distributed applications is software that provides services beyond those provided by the operating system to enable the various components of a distributed system to communicate and manage data. Middleware supports and simplifies complex distributed application...

. Layering & Middleware
55 Docker interview questions and answers for software engineers

Docker is a set of platform as a service products that use OS-level virtualization to deliver software in packages called containers. Here is a list of coding interview questions on Docker to help you get ready for your next data structures interview in 2021.

. Docker
23 Databases interview questions and answers for software engineers

A database is an organized collection of data, generally stored and accessed electronically from a computer system. Where databases are more complex they are often developed using formal design and modeling techniques. Here is a list of coding interview questions on Databases to help you g...

. Databases
21 Concurrency interview questions and answers for software engineers

In computer science, concurrency is the ability of different parts or units of a program, algorithm, or problem to be executed out-of-order or in partial order, without affecting the final outcome. Here is a list of coding interview questions on Concurrency to help you get ready for your n...

. Concurrency
13 CAP Theorem interview questions and answers for software engineers

In theoretical computer science, the CAP theorem, also named Brewer's theorem after computer scientist Eric Brewer, states that it is impossible for a distributed data store to simultaneously provide more than two out of the following three guarantees: Consistency: Every read receives the ...

. CAP Theorem
Load more posts

Features

folder icon

Access all answers

Get the inside track on what to expect in your next tech interview. We offer you a collection of high quality technical interview questions to help you prepare for your next coding interview.

graph icon

Track progress

A smart interface helps you track your progress and focus on the topics you need. You can search through questions or sort them by difficulty or type.

clock icon

Save time

Save tens of hours searching for information on hundreds of low-quality sites designed to drive traffic and make money from advertising.

Land a six-figure job at one of the top companies.

amazon logo facebook logo google logo microsoft logo uber logo
Prepare for a technical interview

Get hired with our
tech interview questions & answers