From b26bc5b5f5d82892859a1fb0dfbe64706adab5ee Mon Sep 17 00:00:00 2001 From: TimoDL Date: Sat, 11 Apr 2026 23:33:53 +0200 Subject: [PATCH 1/3] feat(learn-html): add exercise to styles lesson --- tutorials/learn-html.org/en/Styles.md | 57 +++++++++++++++++++++++---- 1 file changed, 49 insertions(+), 8 deletions(-) diff --git a/tutorials/learn-html.org/en/Styles.md b/tutorials/learn-html.org/en/Styles.md index 1f6db7368..da5621a1d 100644 --- a/tutorials/learn-html.org/en/Styles.md +++ b/tutorials/learn-html.org/en/Styles.md @@ -124,10 +124,10 @@ For example: Exercise -------- +1. change the `font-family` of `Paragraph 1` to `sans-serif` using the Inline Method. +2. change the `font-family` of `Paragraph 2` to `monospace` using the CSS Stylesheets and CSS selectors. +3. change the `font-family` of `Paragraph 3` to `serif` using JavaScript (programmatically). -This page does not have an exercise yet. You are welcome to contribute one by sending me a pull request: - -[[https://github.com/ronreiter/interactive-tutorials]] Tutorial Code @@ -138,6 +138,15 @@ Tutorial Code +

+ Paragraph 1. +

+

+ Paragraph 2. +

+

+ Paragraph 3. +

@@ -147,11 +156,27 @@ Expected Output - Hello, World! + -

Hello, World!

+

+ Paragraph 1. +

+

+ Paragraph 2. +

+

+ Paragraph 3. +

+ Solution @@ -160,9 +185,25 @@ Solution - Hello, World! + -

Hello, World!

+

+ Paragraph 1. +

+

+ Paragraph 2. +

+

+ Paragraph 3. +

- + + \ No newline at end of file From 0a83c6c58c86e5f4d70ff460e44de9861d85061d Mon Sep 17 00:00:00 2001 From: DHaytham <94465758+DHaytham@users.noreply.github.com> Date: Sun, 12 Apr 2026 19:23:05 +0200 Subject: [PATCH 2/3] Update tutorials/learn-html.org/en/Styles.md Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- tutorials/learn-html.org/en/Styles.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/tutorials/learn-html.org/en/Styles.md b/tutorials/learn-html.org/en/Styles.md index da5621a1d..d39f1450a 100644 --- a/tutorials/learn-html.org/en/Styles.md +++ b/tutorials/learn-html.org/en/Styles.md @@ -124,9 +124,9 @@ For example: Exercise -------- -1. change the `font-family` of `Paragraph 1` to `sans-serif` using the Inline Method. -2. change the `font-family` of `Paragraph 2` to `monospace` using the CSS Stylesheets and CSS selectors. -3. change the `font-family` of `Paragraph 3` to `serif` using JavaScript (programmatically). +1. Change the `font-family` of `Paragraph 1` to `sans-serif` using the Inline method. +2. Change the `font-family` of `Paragraph 2` to `monospace` using a CSS `