diff --git a/components/PortfolioEntry.jsx b/components/PortfolioEntry.jsx
index cfc1676..5243260 100644
--- a/components/PortfolioEntry.jsx
+++ b/components/PortfolioEntry.jsx
@@ -36,7 +36,17 @@ export default function PortfolioEntry({ title, description, url, image }) {
return (
-
+
+
+
diff --git a/components/portfolioEntries.json b/components/portfolioEntries.json
index 70531ac..34c93a5 100644
--- a/components/portfolioEntries.json
+++ b/components/portfolioEntries.json
@@ -1,4 +1,16 @@
[
+ {
+ "title": "Stirrmedia Social webapp",
+ "description": "A new social media experience without censorship",
+ "url": "https://stirrmedia.com",
+ "image": "/images/stirrmediascreenshot.png"
+ },
+ {
+ "title": "Traderhub",
+ "description": "A marketplace for traders of all kinds in Nigeria",
+ "url": "https://traderhub.ng",
+ "image": "/images/traderhubscreenshot.png"
+ },
{
"title": "Next 7 Web Engine",
"description": "Next 7 is an all-in-one web engine featuring a web page builder and a content management system",
diff --git a/public/images/stirrmediascreenshot.png b/public/images/stirrmediascreenshot.png
new file mode 100644
index 0000000..d94cfc8
Binary files /dev/null and b/public/images/stirrmediascreenshot.png differ
diff --git a/public/images/traderhubscreenshot.png b/public/images/traderhubscreenshot.png
new file mode 100644
index 0000000..a6455ed
Binary files /dev/null and b/public/images/traderhubscreenshot.png differ
diff --git a/styles/main.css b/styles/main.css
index 5db054a..87208ef 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -245,10 +245,10 @@ nav a:hover {
/*############################################# -- Portfolio page */
.portfolio-entries-block {
- display: flex;
- align-items: flex-start;
+ display: grid;
gap: 40px;
- flex-wrap: wrap;
+ grid-template-columns: 1fr 1fr;
+ width: 100%;
}
.portfolio-entry-block {
@@ -319,6 +319,9 @@ textarea {
}
@media (max-width: 990px) {
+ .portfolio-entries-block {
+ grid-template-columns: 1fr;
+ }
}
@media (max-width: 800px) {