https://foxipa.com/en/css/exercise/ Practice your CSS knowledge with focused interactive exercises covering every lesson on the CSS learning path. Hugo en-US https://foxipa.com/en/css/exercise/code-completion/anchor-positioning/ https://foxipa.com/en/css/exercise/code-completion/anchor-positioning/ Practice core CSS concepts from the anchor positioning lesson. https://foxipa.com/en/css/exercise/code-completion/animations-keyframes/ https://foxipa.com/en/css/exercise/code-completion/animations-keyframes/ Practice core CSS concepts from the animations keyframes lesson. https://foxipa.com/en/css/exercise/code-completion/backgrounds-borders/ https://foxipa.com/en/css/exercise/code-completion/backgrounds-borders/ Practice core CSS concepts from the backgrounds borders lesson. https://foxipa.com/en/css/exercise/code-completion/basic-ui/ https://foxipa.com/en/css/exercise/code-completion/basic-ui/ Practice core CSS concepts from the basic ui lesson. https://foxipa.com/en/css/exercise/code-completion/box-alignment/ https://foxipa.com/en/css/exercise/code-completion/box-alignment/ Practice core CSS concepts from the box alignment lesson. https://foxipa.com/en/css/exercise/code-completion/box-model/ https://foxipa.com/en/css/exercise/code-completion/box-model/ Practice core CSS concepts from the box model lesson. https://foxipa.com/en/css/exercise/code-completion/cascade-layers-nesting-scoping/ https://foxipa.com/en/css/exercise/code-completion/cascade-layers-nesting-scoping/ Practice core CSS concepts from the cascade layers nesting scoping lesson. https://foxipa.com/en/css/exercise/code-completion/color-adjustment/ https://foxipa.com/en/css/exercise/code-completion/color-adjustment/ Practice color-scheme, forced-color-adjust, and print-color-adjust. https://foxipa.com/en/css/exercise/code-completion/color/ https://foxipa.com/en/css/exercise/code-completion/color/ Practice core CSS concepts from the color lesson. https://foxipa.com/en/css/exercise/code-completion/container-queries-units/ https://foxipa.com/en/css/exercise/code-completion/container-queries-units/ Practice core CSS concepts from the container queries units lesson. https://foxipa.com/en/css/exercise/code-completion/containment-containerization/ https://foxipa.com/en/css/exercise/code-completion/containment-containerization/ Practice core CSS concepts from the containment containerization lesson. https://foxipa.com/en/css/exercise/code-completion/css-declarations/ https://foxipa.com/en/css/exercise/code-completion/css-declarations/ Practice core CSS concepts from the css declarations lesson. https://foxipa.com/en/css/exercise/code-completion/css-easing-functions/ https://foxipa.com/en/css/exercise/code-completion/css-easing-functions/ Practice CSS linear, cubic Bézier, step, and developing linear() timing functions from the CSS Easing Functions lesson. https://foxipa.com/en/css/exercise/code-completion/css-foundations/ https://foxipa.com/en/css/exercise/code-completion/css-foundations/ Practice core CSS concepts from the css foundations lesson. https://foxipa.com/en/css/exercise/code-completion/css-selectors/ https://foxipa.com/en/css/exercise/code-completion/css-selectors/ Practice core CSS concepts from the css selectors lesson. https://foxipa.com/en/css/exercise/code-completion/css-syntax-parsing/ https://foxipa.com/en/css/exercise/code-completion/css-syntax-parsing/ Practice core CSS concepts from the css syntax parsing lesson. https://foxipa.com/en/css/exercise/code-completion/custom-properties/ https://foxipa.com/en/css/exercise/code-completion/custom-properties/ Practice core CSS concepts from the custom properties lesson. https://foxipa.com/en/css/exercise/code-completion/display-box-generation/ https://foxipa.com/en/css/exercise/code-completion/display-box-generation/ Practice core CSS concepts from the display box generation lesson. https://foxipa.com/en/css/exercise/code-completion/filter-effects/ https://foxipa.com/en/css/exercise/code-completion/filter-effects/ Complete CSS that applies an ordered chain of filter effects. https://foxipa.com/en/css/exercise/code-completion/flexbox/ https://foxipa.com/en/css/exercise/code-completion/flexbox/ Practice core CSS concepts from the flexbox lesson. https://foxipa.com/en/css/exercise/code-completion/flow-layout/ https://foxipa.com/en/css/exercise/code-completion/flow-layout/ Practice core CSS concepts from the flow layout lesson. https://foxipa.com/en/css/exercise/code-completion/fragmentation-paged-print/ https://foxipa.com/en/css/exercise/code-completion/fragmentation-paged-print/ Practice core CSS concepts from the fragmentation paged print lesson. https://foxipa.com/en/css/exercise/code-completion/grid/ https://foxipa.com/en/css/exercise/code-completion/grid/ Practice core CSS concepts from the grid lesson. https://foxipa.com/en/css/exercise/code-completion/images-gradients-replaced-content/ https://foxipa.com/en/css/exercise/code-completion/images-gradients-replaced-content/ Practice core CSS concepts from the images gradients replaced content lesson. https://foxipa.com/en/css/exercise/code-completion/lists-counters-generated-content/ https://foxipa.com/en/css/exercise/code-completion/lists-counters-generated-content/ Practice core CSS concepts from the lists counters generated content lesson. https://foxipa.com/en/css/exercise/code-completion/masking-clipping-compositing-blending/ https://foxipa.com/en/css/exercise/code-completion/masking-clipping-compositing-blending/ Practice core CSS concepts from the masking clipping compositing blending lesson. https://foxipa.com/en/css/exercise/code-completion/media-features-user-preferences/ https://foxipa.com/en/css/exercise/code-completion/media-features-user-preferences/ Practice media features and user-preference queries. https://foxipa.com/en/css/exercise/code-completion/media-queries-conditional-rules/ https://foxipa.com/en/css/exercise/code-completion/media-queries-conditional-rules/ Practice core CSS concepts from the media queries conditional rules lesson. https://foxipa.com/en/css/exercise/code-completion/motion-path/ https://foxipa.com/en/css/exercise/code-completion/motion-path/ Complete CSS that positions and animates an element along an offset path. https://foxipa.com/en/css/exercise/code-completion/multi-column/ https://foxipa.com/en/css/exercise/code-completion/multi-column/ Complete CSS that controls preferred column width, gaps, and a spanning heading. https://foxipa.com/en/css/exercise/code-completion/overflow-scrolling-clipping/ https://foxipa.com/en/css/exercise/code-completion/overflow-scrolling-clipping/ Practice core CSS concepts from the overflow scrolling clipping lesson. https://foxipa.com/en/css/exercise/code-completion/overscroll-behavior/ https://foxipa.com/en/css/exercise/code-completion/overscroll-behavior/ Complete CSS that contains scroll chaining without changing the underlying overflow model. https://foxipa.com/en/css/exercise/code-completion/positioning/ https://foxipa.com/en/css/exercise/code-completion/positioning/ Practice core CSS concepts from the positioning lesson. https://foxipa.com/en/css/exercise/code-completion/scroll-anchoring/ https://foxipa.com/en/css/exercise/code-completion/scroll-anchoring/ Complete CSS that excludes a dynamic region from scroll-anchor selection while preserving the surrounding scroll container. https://foxipa.com/en/css/exercise/code-completion/scroll-driven-animations/ https://foxipa.com/en/css/exercise/code-completion/scroll-driven-animations/ Practice core CSS concepts from the scroll driven animations lesson. https://foxipa.com/en/css/exercise/code-completion/scroll-snap-scroll-behavior/ https://foxipa.com/en/css/exercise/code-completion/scroll-snap-scroll-behavior/ Practice core CSS concepts from the scroll snap scroll behavior lesson. https://foxipa.com/en/css/exercise/code-completion/scrollbar-styling/ https://foxipa.com/en/css/exercise/code-completion/scrollbar-styling/ Complete a scroll container using the standardized scrollbar color and thickness properties without relying on non-standard scrollbar pseudo-elements. https://foxipa.com/en/css/exercise/code-completion/shapes-exclusions/ https://foxipa.com/en/css/exercise/code-completion/shapes-exclusions/ Practice core CSS concepts from the shapes exclusions lesson. https://foxipa.com/en/css/exercise/code-completion/sizing/ https://foxipa.com/en/css/exercise/code-completion/sizing/ Practice current sizing controls without confusing intrinsic sizing with ordinary fixed lengths. https://foxipa.com/en/css/exercise/code-completion/tables/ https://foxipa.com/en/css/exercise/code-completion/tables/ Practice core CSS concepts from the tables lesson. https://foxipa.com/en/css/exercise/code-completion/text-decoration/ https://foxipa.com/en/css/exercise/code-completion/text-decoration/ Practice core text decoration, underline offset, and emphasis styling. https://foxipa.com/en/css/exercise/code-completion/text-layout-formatting/ https://foxipa.com/en/css/exercise/code-completion/text-layout-formatting/ Practice current text wrapping and white-space controls while keeping their maturity boundaries clear. https://foxipa.com/en/css/exercise/code-completion/the-cascade/ https://foxipa.com/en/css/exercise/code-completion/the-cascade/ Practice core CSS concepts from the the cascade lesson. https://foxipa.com/en/css/exercise/code-completion/transforms-coordinate-systems/ https://foxipa.com/en/css/exercise/code-completion/transforms-coordinate-systems/ Practice core CSS concepts from the transforms coordinate systems lesson. https://foxipa.com/en/css/exercise/code-completion/transitions/ https://foxipa.com/en/css/exercise/code-completion/transitions/ Practice core CSS concepts from the transitions lesson. https://foxipa.com/en/css/exercise/code-completion/typography/ https://foxipa.com/en/css/exercise/code-completion/typography/ Practice higher-level font feature, optical sizing, and font metric controls. https://foxipa.com/en/css/exercise/code-completion/values-units/ https://foxipa.com/en/css/exercise/code-completion/values-units/ Practice core CSS concepts from the values units lesson. https://foxipa.com/en/css/exercise/code-completion/view-transitions/ https://foxipa.com/en/css/exercise/code-completion/view-transitions/ Practice core CSS concepts from the view transitions lesson. https://foxipa.com/en/css/exercise/code-completion/will-change/ https://foxipa.com/en/css/exercise/code-completion/will-change/ Complete focused CSS rendering hints without confusing will-change with the actual behavior being changed. https://foxipa.com/en/css/exercise/code-completion/writing-modes-logical-properties/ https://foxipa.com/en/css/exercise/code-completion/writing-modes-logical-properties/ Practice core CSS concepts from the writing modes logical properties lesson.