fix(guide): restructure curriculum guide articles (#36501)

* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions

guide/english/certifications/responsive-web-design/css-grid/add-rows-with-grid-template-rows/index.md

@@ -1,18 +1,30 @@
 ---
 title: Add Rows with grid-template-rows
 ---
-## Add Rows with grid-template-rows
+# Add Rows with grid-template-rows
 
+---
+## Problem Explanation
 In this challenge, you are required to define rows for the CSS grid in `<div class="container">`.
 
-### Hint
+
+---
+## Hints
+
+### Hint 1
  
 You can define rows by using the `grid-template-rows` CSS property.
 
-### Solution
+
+---
+## Solutions
+
+<details><summary>Solution 1 (Click to Show/Hide)</summary>
 
 Since the challenge requires you to create two rows of `50px` each, declare the following in your `.container` CSS code block:
  
-````css
+```css
 grid-template-rows: 50px 50px;
-````
+```
+
+</details>