Update classlist.mdx

improve styling and fix some sentences

Author: marvin-j97

src/routes/reference/jsx-attributes/classlist.mdx

@@ -3,9 +3,9 @@ title: classList
 order: 1
 ---
 
-Solid offers two ways to set the class of an element: class and classList attributes.
+Solid offers two ways to set the class of an element: `class` and `classList` attributes.
 
-First, you can set class=... like any other attribute. For example:
+First, you can set `class` like any other attribute. For example:
 
 ```tsx
 // Two static classes
@@ -27,7 +27,10 @@ Alternatively, the `classList` pseudo-attribute lets you specify an object, wher
 
 ```tsx
 <div
-	classList={{ active: state.active, editing: state.currentId === row.id }}
+	classList={{ 
+		active: state.active,
+		editing: state.currentId === row.id,
+	}}
 />
 ```
 
@@ -45,6 +48,6 @@ setClasses((c) => ({ ...c, active: true }))
 <div classList={classes()} />
 ```
 
-It's also possible, but dangerous, to mix class and classList. The main safe situation is when class is set to a static string (or nothing), and classList is reactive. (class could also be set to a static computed value as in `class={baseClass()}`, but then it should appear before any classList pseudo-attributes.) If both class and classList are reactive, you can get unexpected behavior: when the class value changes, Solid sets the entire class attribute, so will overwrite any toggles made by classList.
+It's also possible, but dangerous, to mix `class` and `classList`. The main safe situation is when `class` is set to a static string (or nothing), and `classList` is reactive (`class` could also be set to a static computed value as in `class={baseClass()}`, but then it should appear before any classList pseudo-attributes). If both `class` and `classList` are reactive, you can get unexpected behavior: when the class value changes, Solid sets the entire class attribute, so will overwrite any toggles made by classList.
 
 Because classList is a compile-time pseudo-attribute, it does not work in a prop spread like `<div {...props} />` or in `<Dynamic>`.