diff --git a/random-image-generator/index.html b/random-image-generator/index.html
new file mode 100644
index 0000000..9e826f7
--- /dev/null
+++ b/random-image-generator/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+
+
+ Random Image Feed
+
+
+ Random Image Feed
+
+
+
+
+
diff --git a/random-image-generator/script.js b/random-image-generator/script.js
new file mode 100644
index 0000000..0f9b658
--- /dev/null
+++ b/random-image-generator/script.js
@@ -0,0 +1,17 @@
+const container = document.querySelector('.container')
+const unsplashURL = 'https://source.unsplash.com/random/'
+const rows = 5
+
+for(let i = 0; i < rows * 3; i++) {
+ const img = document.createElement('img')
+ img.src = `${unsplashURL}${getRandomSize()}`
+ container.appendChild(img)
+}
+
+function getRandomSize() {
+ return `${getRandomNr()}x${getRandomNr()}`
+}
+
+function getRandomNr() {
+ return Math.floor(Math.random() * 10) + 300
+}
\ No newline at end of file
diff --git a/random-image-generator/style.css b/random-image-generator/style.css
new file mode 100644
index 0000000..dddbe9d
--- /dev/null
+++ b/random-image-generator/style.css
@@ -0,0 +1,36 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+* {
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Roboto', sans-serif;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+ margin: 0;
+}
+
+.title {
+ margin: 10px 0 0;
+ text-align: center;
+}
+
+.container {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-wrap: wrap;
+ max-width: 1000px;
+}
+
+.container img {
+ object-fit: cover;
+ margin: 10px;
+ height: 300px;
+ width: 300px;
+ max-width: 100%;
+}