css finally working rking - yeah!!!

frontend/src/components/RecipeEditor.tsx

@@ -20,8 +20,8 @@ export default function RecipeEditor({ recipe, onSave }: RecipeEditorProps) {
   }
    if (!recipe) return <div>Oops, there's no recipe in RecipeEditor...</div>
   return (
-    <div>
-      <h2 className="text-xl font-bold mb-2">
+    <div className="p-4 gap-10">
+      <h2 className="section-heading">
         {recipe.id ? "Edit Recipe" : "New Recipe"}
       </h2>