CSS Code Builder

Put your knowledge of the main CSS selectors and properties to the test with this interactive CSS Selector & Property Builder! Complete a series of drag-and-drop challenges to demonstrate your skills in styling HTML web pages using CSS. Choose the most appropriate selectors to target elements on the page and match them with the correct CSS properties to achieve the required formatting. With instant feedback, a live preview and the HTML code displayed alongside each challenge, this activity is a fun and engaging way to practise the essential CSS skills needed to create attractive and well-designed websites.