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) {