first commit

KaranPunjaPatel · Sep 1, 2024 · 7a77201 · 7a77201
commit 7a77201
Show file tree

Hide file tree

Showing 25 changed files with 1,271 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,20 @@
+# Avoid accidental upload of the Sketch and Figma design files
+#####################################################
+## Please do not remove lines 5 and 6 - thanks! 🙂 ##
+#####################################################
+*.sketch
+*.fig
+
+# Avoid accidental XD upload if you convert the design file
+###############################################
+## Please do not remove line 12 - thanks! 🙂 ##
+###############################################
+*.xd
+
+# Avoid your project being littered with annoying .DS_Store files!
+.DS_Store
+.prettierignore
+
+style-guide.md
+README-template.md
+design/
diff --git a/README.md b/README.md
@@ -0,0 +1,40 @@
+<h1 align="center">Blogr landing page</h1>
+
+![Design preview for the Blogr landing page coding challenge](./images/project-preview.png)
+
+<div align="center">
+  <h3>
+    <a href="https://gh0stfreak.github.io/Blogr-landing-page-main/" color="white" target="_blank">
+      Live
+    </a>
+  <span> | 
+    </span>    <a href="https://www.frontendmentor.io/challenges/ecommerce-product-page-UPsZ9MJp6" target="_blank">
+      Challenge
+    </a>
+  </h3>
+</div>
+<div align="center">
+   Solution for a challenge from  <a href="https://www.frontendmentor.io/" target="_blank">frontendmentor.io</a>.
+</div>
+<br>
+<br>
+<br>
+
+## About The Project
+
+<p>This HTML & CSS only challenge is perfect for anyone just starting out or anyone wanting a small project to play around with.
+<br><br>Your users should be able to:
+<br>1. View the optimal layout depending on their device's screen size
+<br>2. See hover states for interactive elements</p>
+
+## Built with
+
+- Semantic HTML5 markup
+- CSS custom properties
+- Flexbox
+- Grid
+- Desktop-first workflow
+
+## What I learned
+
+The postioning of elements and centering of elements was a bit of a challange. But it worked out in the end. Still applying a overlay over elements seemed to be challenging
diff --git a/images/favicon-32x32.png b/images/favicon-32x32.png
diff --git a/images/icon-cart.svg b/images/icon-cart.svg
diff --git a/images/icon-close.svg b/images/icon-close.svg
diff --git a/images/icon-delete.svg b/images/icon-delete.svg
diff --git a/images/icon-menu.svg b/images/icon-menu.svg
diff --git a/images/icon-minus.svg b/images/icon-minus.svg
diff --git a/images/icon-next.svg b/images/icon-next.svg
diff --git a/images/icon-plus.svg b/images/icon-plus.svg
diff --git a/images/icon-previous.svg b/images/icon-previous.svg
diff --git a/images/image-avatar.png b/images/image-avatar.png
diff --git a/images/image-product-1-thumbnail.jpg b/images/image-product-1-thumbnail.jpg
diff --git a/images/image-product-1.jpg b/images/image-product-1.jpg
diff --git a/images/image-product-2-thumbnail.jpg b/images/image-product-2-thumbnail.jpg
diff --git a/images/image-product-2.jpg b/images/image-product-2.jpg
diff --git a/images/image-product-3-thumbnail.jpg b/images/image-product-3-thumbnail.jpg
diff --git a/images/image-product-3.jpg b/images/image-product-3.jpg
diff --git a/images/image-product-4-thumbnail.jpg b/images/image-product-4-thumbnail.jpg
diff --git a/images/image-product-4.jpg b/images/image-product-4.jpg
diff --git a/images/logo.svg b/images/logo.svg
diff --git a/images/project-preview.png b/images/project-preview.png