Enjoy 20% off all plans by following us on social media. Check out other promotions!

Practice by Framework

70+ questions

CSS Questions

70+ CSS interview questions, including quiz-style knowledge questions and CSS coding questions.

Try these popular CSS questions

Digital ClockBuild a 7-segment digital clock that shows the current time
Available frameworks
Holy GrailBuild the famous holy grail layout consisting of a header, 3 columns, and a footer
Available frameworks
Coding Format

Questions List

  • Holy GrailBuild the famous holy grail layout consisting of a header, 3 columns, and a footer
    Available frameworks
  • TabsBuild a tabs component that displays a list of tab elements and one associated panel of content at a time
    Available frameworks
  • ClassnamesImplement a function that conditionally joins CSS class names together
    Languages
    CSSJSTS
  • Dice RollerBuild a dice roller app that simulates the results of rolling 6-sided dice
    Available frameworks
  • Modal DialogBuild a reusable modal dialog component that can be opened and closed
    Available frameworks
  • Traffic LightBuild a traffic light where the lights switch from green to yellow to red after predetermined intervals and loop indefinitely
    Available frameworks
  • Digital ClockBuild a 7-segment digital clock that shows the current time
    Available frameworks
  • Image CarouselBuild an image carousel that displays a sequence of images
    Available frameworks
  • Job BoardBuild a job board that displays the latest job postings from Hacker News
    Available frameworks
  • AccordionBuild an accordion component that a displays a list of vertically stacked sections with each containing a title and content snippet
    Available frameworks
  • jQuery.cssImplement a jQuery-like function that sets the style of a DOM element
    Languages
    HTMLCSSJSTS
  • Progress BarBuild a progress bar component that shows the percentage completion of an operation
    Available frameworks
  • Progress BarsBuild a list of progress bars that fill up gradually when they are added to the page
    Available frameworks
  • TweetBuild a component that resembles a Tweet from Twitter
    Available frameworks
  • Analog ClockBuild an analog clock where the hands update and move like a real clock
    Available frameworks
  • getElementsByStyleImplement a function to get all DOM elements that are rendered using the specified style
    Languages
    HTMLCSSJSTS
  • Grid LightsBuild a grid of lights where the lights deactivate in the reverse order they were activated
    Available frameworks
  • jQuery Class ManipulationImplement a set of jQuery-like functions that manipulates classes on a DOM element
    Languages
    HTMLCSSJSTS
  • Like ButtonBuild a Like button that changes appearance based on the states
    Available frameworks
  • Modal Dialog IIBuild a semi-accessible modal dialog component that has the right ARIA roles, states, and properties
    Available frameworks
  • Progress Bars IIBuild a list of progress bars that fill up gradually in sequence, one at a time
    Available frameworks
  • Star RatingBuild a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating
    Available frameworks
  • Tabs IIBuild a semi-accessible tabs component that has the right ARIA roles, states, and properties
    Available frameworks
  • getElementsByClassNameImplement a function to get all DOM elements that contain the specified classes
    Languages
    HTMLCSSJSTS
  • Progress Bars IIIBuild a list of progress bars that fill up gradually concurrently, up to a limit of 3
    Available frameworks
  • Tic-tac-toeBuild a tic-tac-toe game that is playable by two players
    Available frameworks
  • Birth Year HistogramBuild a widget that fetches birth year data from an API and plot it on a histogram
    Available frameworks
  • Connect FourBuild a game for two players who take turns to drop colored discs from the top into a vertically suspended board/grid
    Available frameworks
  • Image Carousel IIBuild an image carousel that smoothly transitions between images
    Available frameworks
  • Pixel ArtBuild a pixel art drawing tool where users can paint pixels with selected colors
    Available frameworks
  • StopwatchBuild a stopwatch widget that can measure how much time has passed
    Available frameworks
  • Transfer ListBuild a component that allows transferring of items between two lists
    Available frameworks
  • Users DatabaseBuild a UI to filter, create, update, and delete users
    Available frameworks
  • Whack-A-MoleBuild a popular arcade game where players attempt to hit moles as they pop up from holes in a board
    Available frameworks
  • Memory GameBuild a memory game where the player needs to match pairs of cards
    Available frameworks
  • Auth Code InputBuild an auth code input component that allows users to enter a 6-digit authorization code
    Available frameworks
  • Classnames IIImplement a function that conditionally joins CSS class names together and also handles de-duplication and function values
    Languages
    CSSJSTS
  • Progress Bars IVBuild a list of progress bars that fill up gradually concurrently, up to a limit of 3 and allows for pausing and resuming
    Available frameworks
  • Image Carousel IIIBuild an image carousel that smoothly transitions between images that has a minimal DOM footprint
    Available frameworks
  • Selectable CellsBuild an interface where users can drag to select multiple cells within a grid
    Available frameworks
  • Tic-tac-toe IIBuild an N x N tic-tac-toe game that requires M consecutive marks to win
    Available frameworks
  • Transfer List IIBuild a component that allows transferring of items between two lists, bulk selection/unselection of items, and adding of new items
    Available frameworks
  • WordleBuild Wordle, the word-guessing game that took the world by storm
    Available frameworks