added vscode extension for better JavaFX support

README.md

@@ -22,6 +22,14 @@ you'll build a pricing plans page — the kind you see on every modern SaaS webs
 ---
 
 ## 🛠️ Your TODO List
+### 0️⃣ Install VS Code extension for JavaFx Extension 
+* There is an extension for better JavaFx CSS support in **vscode-extension** folder
+* You can install that with this command on your IntelliJ  terminal:
+> code --install-extension "vscode-extension\css-helper-for-javafx-1.0.1.vsix"
+* (Optional) Also after that open your VS Code press `CTRL+SHIFT+P`, enter `default setting`, open **settings.json**
+and finally add this line: 
+>   "css.lint.vendorPrefix": "ignore",
+
 ### 1️⃣ Main.java
 * Load the FXML file using `FXMLLoader`
 * Create a `Scene`, set its title, attach CSS file to it, and show it on the `Stage`

src/main/resources/workshop/pricing.fxml

@@ -17,14 +17,14 @@
     <HBox spacing="25" alignment="CENTER" HBox.hgrow="ALWAYS">
         <VBox styleClass="card" prefWidth="200">
             <Label text="Basic" styleClass="plan-name" />
-            <Label text="\$9.99 / month" styleClass="price" />
+            <Label text="$9.99 / month" styleClass="price" />
             <Label text="Single user, basic features" styleClass="desc" wrapText="true" />
             <Button text="Shop" onAction="#buyBasic" styleClass="shop-btn" />
         </VBox>
 
         <VBox styleClass="card" prefWidth="200">
             <Label text="Pro" styleClass="plan-name" />
-            <Label text="\$19.99 / month" styleClass="price" />
+            <Label text="$19.99 / month" styleClass="price" />
             <Label text="Up to 5 users, advanced features" styleClass="desc" wrapText="true" />
             <Button text="Shop" onAction="#buyPro" styleClass="shop-btn" />
         </VBox>