HTML & CSS Playground

Web Development HTML & CSS Playground Write code → Run it → See the result Experiment with HTML and CSS directly in your browser. Write HTML structure, add CSS styles and immediately preview your web page. 1. Write HTML Create the structure and content of your page. 2. Add CSS Style colours, typography, spacing and layout. 3. Preview Run the code and see the result immediately. Starter examples </> HTML 0 lines · 0 chars { } CSS 0 lines · 0 chars Auto preview Ready Preview Ctrl + Enter Run code Tab Insert indentation Your work is automatically saved in this browser. Try these challenges 1 Change the heading Change the text and colour of the main heading. 2 Create a class Create a class called .highlight and apply it to two elements. 3 Use the Box Model Add margin, padding, border and border-radius to a card. 4 Improve typography Change the font family, font size and line height. 5 Build two cards Use one reusable CSS class to style two sections. 6 Create your design Build a small School Coding Club landing page.
1 2 3 4 5 Категория: Fundamentals of programming \| Добавил: bzfar77 (Сегодня)
Просмотров: 26 \| Теги: css, html, Playground, code editor, web development \| Рейтинг: 5.0/1

Try these challenges