CSS Practice Questions

Overview

Find out how well you really know CSS with our bumper-pack of challenges. Recreate components and layouts from popular applications like Github, Codepen, and Instagram, and build loading animations, progress bars, flashcards and more using pure CSS! This hands-on course will guide you through engaging challenges covering a wide range of CSS techniques. Along the way, you'll refresh and refine your knowledge of all the key CSS features, from transitions and pseudo-elements to hover effects, keyframe animations, and much more! Looking for practical CSS experience? This course has that, too! You'll put your knowledge to the test by recreating instantly-recognizable components from sites such as Github, Codepen, and Instagram. After completing each challenge, you'll compare your solution with the one provided by our in-house CSS expert. This experience is akin to pair programming, allowing you to learn from their expertise and gain valuable insights. By the end of this course, you will not only have a comprehensive understanding of CSS but also have gained practical experience in recreating components from well-known apps from around the web. This knowledge will equip you to tackle any CSS challenge with confidence. CSS knowledge at the ready? Let's get started.

Syllabus

CSS Basics with Creative Challenges

Kickstart your CSS journey with hands-on UI challenges including buttons, animated search bars, and visual layout exercises. These projects reinforce fundamental concepts such as color, spacing, and simple motion effects.

National Flag Designs

Practice CSS layout, positioning, and color skills by building national flags.

Advanced Layouts and UI Components

Take on more intricate layouts and reusable components with challenges including GitHub profiles and toggle switches.

Animations and Interactive Design

Push your CSS skills further by building animated progress bars, interactive flashcards, and sleek navigation menus. Recreate polished UI elements including the Instagram Stories Menu, Jeopardy-style Flashcard, and the GitHub Contributions Graph, while mastering smooth animations and user-focused interactions.