list element

add list element

src/App.js

@@ -1,11 +1,14 @@
 import Eingabefeld from "./Components/eingabefeld";
 import "../node_modules/font-awesome/css/font-awesome.min.css";
+import Liste from "./Components/liste";
 
 function App() {
   return (
     <div className="App">
       <Eingabefeld label="Name" isPassword={false} placeholder="&#xf007;" />
       <p className="from-green-50">tets</p>
+      <br></br>
+      <Liste gericht="Pizza" price="€20.00" />
     </div>
   );
 }

src/Components/liste.jsx

@@ -1,9 +1,16 @@
 import React, { useState } from "react";
 
 function Liste(props) {
+  var gericht = props.gericht;
+  var price = props.price;
+
   return (
-    <div>
-      <Label></Label>
+    <div class="grid grid-cols-3 gap-0">
+      <div>{gericht}</div>
+      <div class="place-content-end">{price}</div>
+      <div>
+        <button>enter</button>
+      </div>
     </div>
   );
 }