Update folder structure for pages and some components

2026-05-02 02:10:27 +00:00 · 2021-12-17 16:59:45 +01:00
parent 66929e45d8
commit d17951b37e
36 changed files with 833 additions and 821 deletions
@@ -0,0 +1,48 @@
+import styled from 'styled-components';
+
+export const Wrapper = styled.div`
+	padding: 1rem 0rem;
+	display: grid;
+	grid-template-columns: auto;
+	row-gap: 1rem;
+
+	h1 {
+		display: inline;
+		font-size: 1.7rem;
+		margin-right: 1rem;
+	}
+
+	h4 {
+		font-size: 1.3rem;
+		grid-column: 1 / -1;
+		align-self: center;
+		justify-self: center;
+	}
+
+	.blue {
+		color: ${({ theme }) => theme.colors.blue};
+
+		@media (max-width: 768px) {
+			margin-top: 0.5rem;
+		}
+	}
+
+	.portfolio,
+	.blog {
+		margin: 1rem 0rem;
+	}
+
+	.portfolio {
+		margin-bottom: 3rem;
+	}
+
+	.projects-wrapper,
+	.articles-wrapper {
+		display: grid;
+		grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+		grid-auto-rows: minmax(100px, auto);
+		align-items: stretch;
+		justify-items: center;
+		gap: 1rem;
+	}
+`;