Start work with chatgpt

src/app/about-me/about-me.component.html

@@ -11,11 +11,17 @@
 		padding: 20px; /* Odstęp wewnętrzny */
 		background-color: #f8f9fa; /* Tło formularza */
 	}
+	.photo img {
+		width: 100%;
+		border-radius: 50%;
+	}
+}
+
 </style>\
 <div class="container frame">
 
 	<div class="card" style="width: 18rem;">
-		<img src="ARTI-1.jpg" class="card-img-top" alt="Ja">
+		<img src="ARTI-1.jpg" class="card-img-to" alt="Ja">
 		<div class="card-body">
 			<h5 class="card-title">Wrocław</h5>
 			<div class="col-auto">

src/app/app.component.html

@@ -5,5 +5,9 @@
   |  <a class="navbar-brand" href="/chat-gpt">ChatGPT</a>
  </nav> 
 
+<div class="container">
+</div>
+
+
   <router-outlet />
 `

src/app/chat-gpt/chat-gpt.component.html

@@ -1,4 +1,21 @@
-<div class="container align-center mt-5">
-<h1><p>Witam!</p><p> Prace z toku.</p> </h1>
+<style>
+    .frame {
+        border: 2px solid gray; /* Kolor ramki */
+        border-radius: 8px; /* Zaokrąglenie krawędzi */
+        padding: 20px; /* Odstęp wewnętrzny */
+        background-color: #f8f9fa; /* Tło formularza */
+    }
+    .frame2 {
+        border: 2px solid rgb(225, 228, 86); /* Kolor ramki */
+        border-radius: 8px; /* Zaokrąglenie krawędzi */
+        padding: 20px; /* Odstęp wewnętrzny */
+        background-color: #f8f9fa; /* Tło formularza */
+    }
+</style>
 
+<div class="container mt-5 ">
+<h2><p> Prace z toku...</p> </h2>
+    <div class="row frame2">
+         <input type="text" placeholder="Wyślij zapytanie do ChatGPT" >
+    </div>
 </div>

src/styles.css

@@ -1 +1,5 @@
 /* You can add global styles to this file, and also import other style files */
+main {
+	width:21cm;
+	height: 29.7cm;
+}