Update levels-and-ranks.mdx

Update: react syntax styling
codedex-io · Jun 24, 2023 · 6993d3b · 6993d3b
1 parent e57b595
commit 6993d3b
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/blogs/levels-and-ranks.mdx b/blogs/levels-and-ranks.mdx
@@ -29,11 +29,11 @@ Levels get you ranks. Each rank has a name and badge icon associated with it tha
 
 The five ranks in Codédex include:
 
-- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style="vertical-align: middle" alt="Bronze Badge"/> Bronze (Level 1-5)
-- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style="vertical-align: middle" alt="Silver Badge"/> Silver (Level 6-10)
-- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style="vertical-align: middle" alt="Gold Badge"/> Gold (Level 11-15)
-- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style="vertical-align: middle" alt="Diamond Badge"/> Diamond (Level 16-20)
-- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style="vertical-align: middle" alt="Platinum Badge"/> Platinum (Level 21-25)
+- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style={{verticalAlign: "middle"}} alt="Bronze Badge"/> Bronze (Level 1-5)
+- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style={{verticalAlign: "middle"}} alt="Silver Badge"/> Silver (Level 6-10)
+- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style={{verticalAlign: "middle"}} alt="Gold Badge"/> Gold (Level 11-15)
+- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style={{verticalAlign: "middle"}} alt="Diamond Badge"/> Diamond (Level 16-20)
+- <img src="https://i.imgur.com/lYWAZBL.png" height="25" style={{verticalAlign: "middle"}} alt="Platinum Badge"/> Platinum (Level 21-25)
 
 Most Codédex learners will find themselves in the introductory ranks (e.g., Bronze and Silver) for quite a while, which is a testament to how difficult it can be to climb rankings.