[BUG] Conflicting border-radius values in .section class in rules.html

[divanshiii09]

Description

---

In the rules.html file, there are two conflicting border-radius values assigned to the .section class. This can cause unexpected behavior, as the second value overrides the first, potentially leading to inconsistent UI.

---

Expected Behavior:

Only one border-radius value should be present to ensure consistent styling. We'll assess which value is more suitable for the design and remove the other.

---

Actual Behavior:

Both border-radius values are currently defined, causing conflicting results in the UI.

---

Suggested Solution:

We will determine which border-radius value is more appropriate and remove the conflicting one to maintain a consistent design.

---

Screenshots

---

Here’s a screenshot showing the conflicting values:

---

Any additional information?

---

Steps to Reproduce:

1. Open the rules.html file.
2. Locate the .section class.
3. Observe that two border-radius values are defined within the same class.

---

What browser are you seeing the problem on?

No response

Checklist

• I have checked the existing issues
• I have read the Contributing Guidelines
• I'm a GSSoC'24-Extd contributor
• I'm a Hacktoberfest'24 contributor
• I am willing to work on this issue (optional)

[divanshiii09]

@YadavAkhileshh I would love to fix this issue, please assign it to me