This page lists CSS layout tests you can try so you can verify if you've understood the content in this module.

Test your CSS layout skills by topic

Test your skills: CSS grids

The aim of this skill test is to help you assess whether you understand how agrid and grid items behave. You will be working through several small tasks that use different elements of the material you have just covered.

Test your skills: Flexbox

The aim of this skill test is to help you assess whether you understand howflexbox and flex items behave. Below are four sets of design problems you can solve using flexbox. Your task is to fix the problems.

Test your skills: Floats

The aim of this skill test is to help you assess whether you understandfloats in CSS using thefloat andclear properties and values as well as other methods for clearing floats. You will be working through three small tasks that use different elements of the material you have just covered.

Test your skills: Positioning

The aim of this skill test is to help you assess whether you understandpositioning in CSS using the CSSposition property and values. You will be working through two small tasks that use different elements of the material you have just covered.

Test your skills: Responsive web design and media queries

The aim of this skill test is to help you assess whether you understandhow to use media queries and get you working with responsive web design with a practical task. Everything you need to know to complete this task is covered in the layout lessons in theCSS layout module.

See also

• CSS layout