diff --git a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
index e69de29..d909db2 100644
--- a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
+++ b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
@@ -0,0 +1,22 @@
+.flex-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+}
+
+.flex-item {
+    background-color: darkgrey;
+    width: 300px;
+    margin: 10px;
+    text-align: center;
+    line-height: 90px;
+    font-size: 20px;
+    border-radius: 25px;
+    border: 1px solid gray;
+    color: darkblue;
+    text-shadow: 2px 2px 6px ghostwhite;
+    font-weight: bold;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
index 4e5af52..0c76733 100644
--- a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
+++ b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
@@ -1,3 +1,5 @@
-<div id="competitions-list-area">
-Konkursy
+<div class="flex-container" id="competitions-list-area">
+    <div class="flex-item" *ngFor="let competition of competitionsList">
+        {{ competition.name }}
+    </div>
 </div>
\ No newline at end of file