Merge pull request #189 from evo-lua/resolve-validation-warnings

Fix warnings in the Chrome dev console

Author: rdw-software

src/components/API/API.jsx

@@ -73,7 +73,7 @@ class Parameters extends React.Component {
           ].join(" ")}
         >
           <tr className={styles.functionParametersFirstRow}>
-            <th colspan="4">Arguments</th>
+            <th colSpan="4">Arguments</th>
           </tr>
           <tr className={styles.functionParametersHeadRow}>
             <th>#</th>
@@ -99,7 +99,7 @@ class Returns extends React.Component {
           ].join(" ")}
         >
           <tr className={styles.functionReturnValuesFirstRow}>
-            <th colspan="3">Return values</th>
+            <th colSpan="3">Return values</th>
           </tr>
           <tr className={styles.functionReturnValuesHeadRow}>
             <th>#</th>
@@ -166,7 +166,7 @@ class Struct extends React.Component {
             ].join(" ")}
           >
             <tr className={styles.structMembersFirstRow}>
-              <th colspan="3">{this.props.name}</th>
+              <th colSpan="3">{this.props.name}</th>
             </tr>
             <tr className={styles.structMembersHeadRow}>
               <th>Field</th>
@@ -201,13 +201,13 @@ class Dictionary extends React.Component {
         <table className={styles.dictionaryKeyValuesTable}>
           <tbody className={styles.dictionaryKeyValuesTableBody}>
             <tr className={styles.dictionaryKeyValuesFirstRow}>
-              <th colspan="4">{this.props.name}</th>
+              <th colSpan="4">{this.props.name}</th>
             </tr>
             <tr className={styles.dictionaryKeyValuesHeadRow}>
-              <td colspan="2" className={styles.dictionaryHeadRow}>
+              <td colSpan="2" className={styles.dictionaryHeadRow}>
                 Keys
               </td>
-              <td colspan="2" className={styles.dictionaryHeadRow}>
+              <td colSpan="2" className={styles.dictionaryHeadRow}>
                 Values
               </td>
             </tr>

src/components/HomepageFeatures/index.js

@@ -8,15 +8,15 @@ function RectangularCheckboxIcon(props) {
       <div className={styles.featureSummaryText}>
         <svg
           xmlns="http://www.w3.org/2000/svg"
-          class="w-px-24"
+          className="w-px-24"
           width="24"
           height="24"
           viewBox="0 0 24 24"
-          stroke-width="2"
+          strokeWidth="2"
           stroke="#4ade80"
           fill="none"
-          stroke-linecap="round"
-          stroke-linejoin="round"
+          strokeLinecap="round"
+          strokeLinejoin="round"
         >
           <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
           <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect>
@@ -108,7 +108,7 @@ function Feature({ Svg, title, description }) {
       <div className="text--center"></div>
       <div>
         <h3>{title}</h3>
-        <p>{description}</p>
+        <div>{description}</div>
       </div>
     </div>
   );