From fdacc02dcfc40fbf7b31b832a9cd71291c658533 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 10 Dec 2021 13:50:14 +0100
Subject: [PATCH] Add forms and validations resources

---
 .../content/101-html/102-forms-and-validations.md           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md b/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md
index 969b338d9..138885ab8 100644
--- a/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md
+++ b/content/roadmaps/100-frontend/content/101-html/102-forms-and-validations.md
@@ -1,6 +1,6 @@
-# Forms and validations
+# Forms and Validations
 
-Many websites allow the user to submit and request information using forms. While doing this it is important to ensure all form controls are filled out correctly.
+Before submitting data to the server, it is important to ensure all required form controls are filled out, in the correct format. This is called client-side form validation, and helps ensure data submitted matches the requirements set forth in the various form controls.
 
 <ResourceGroupTitle>Free Content</ResourceGroupTitle>
-<BadgeLink badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation'>MDN Web Docs: Client-side form validation</BadgeLink>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation'>MDN Web Docs: Client-side form validation</BadgeLink>