From b503333c64c8e7b1e38b975fb0c0800ea2be32b2 Mon Sep 17 00:00:00 2001 From: steviehailey Date: Mon, 19 Oct 2020 19:01:03 +0100 Subject: [PATCH] Rephrase linear gradient explanation (#39990) * Rephrase linear gradient explanation Small tweak to explanation to remove ambiguity over horizontal vs vertical * Update curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md Code review suggestion - mention horizontal and quote the values Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com> * Use code tag for snippets Was using backtick but updated based on formatting guidelines - https://contribute.freecodecamp.org/#/how-to-work-on-coding-challenges?id=formatting-challenge-text Co-authored-by: Randell Dawson <5313213+RandellDawson@users.noreply.github.com> --- .../create-a-gradual-css-linear-gradient.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md index 7f85ce4edb..8dcaac4975 100644 --- a/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md +++ b/curriculum/challenges/english/01-responsive-web-design/applied-visual-design/create-a-gradual-css-linear-gradient.md @@ -10,7 +10,7 @@ forumTopicId: 301047
Applying a color on HTML elements is not limited to one flat hue. CSS provides the ability to use color transitions, otherwise known as gradients, on elements. This is accessed through the background property's linear-gradient() function. Here is the general syntax: background: linear-gradient(gradient_direction, color 1, color 2, color 3, ...); -The first argument specifies the direction from which color transition starts - it can be stated as a degree, where 90deg makes a vertical gradient and 45deg is angled like a backslash. The following arguments specify the order of colors used in the gradient. +The first argument specifies the direction from which color transition starts - it can be stated as a degree, where 90deg makes a horizontal gradient (from left to right) and 45deg is angled like a backslash. The following arguments specify the order of colors used in the gradient. Example: background: linear-gradient(90deg, red, yellow, rgb(204, 204, 255));