diff --git a/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.css b/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.css
index e69de29..84899fc 100644
--- a/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.css
+++ b/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.css
@@ -0,0 +1,19 @@
+h2 {
+    color: #771111;
+}
+
+hr {
+    border-top-color: #03a9f4;
+}
+
+.description {
+    width: 100%;
+    color: #2783b0;
+    white-space: normal;
+    word-wrap: break-word;
+    font-size: 16px;
+}
+
+.section-color{
+    color: #771111;
+}
\ No newline at end of file
diff --git a/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.html b/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.html
index 4cc1990..bb75521 100644
--- a/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.html
+++ b/SystemKonkursow/4.2.1/angular/src/app/competition-detail/competition-detail.component.html
@@ -1,3 +1,12 @@
 <div id="competition-detail-area">
-    <p>Szczegóły konkursu</p>
+    <div>
+        <h2 class="text-center font-weight-normal">{{competition.name}}</h2>
+        <div class="description">
+            <div class="section-color">Opis:</div> {{competition.description}}
+        </div>
+        <div class="description">
+            <div class="section-color">Nagrody:</div> {{competition.prize}}
+        </div>
+        <hr />
+    </div>
 </div>
\ No newline at end of file