diff --git a/src/app/about/about.component.html b/src/app/about/about.component.html
index c120557..17c1998 100644
--- a/src/app/about/about.component.html
+++ b/src/app/about/about.component.html
@@ -1,2 +1,11 @@
-
-Mijn naam is Lotte. Ik ben grafischvormgever in hart en nieren. Ondertussenkan ik met trots zeggen dat ik eendecennium ervaring heb als vormgever.Het begon als experimenteren met hetAdobe-pakket en is uitgegroeid tot eenpassie die ik nooit meer wil loslaten.
+
+
Ingrediƫnten voor 10 jaar ervaring
+
Indesign10 kg
+
> educatief zetwerk10kg
+
> catalogi1 cup
+
> magazines27 tbsp
+
Illustrator500ml
+
> verpakkingen14 oz
+
een scheut UX en UI1/2 cup
+
een mespuntje video2 inch
+
diff --git a/src/app/about/about.component.scss b/src/app/about/about.component.scss
index 5c4355e..60e3019 100644
--- a/src/app/about/about.component.scss
+++ b/src/app/about/about.component.scss
@@ -4,11 +4,28 @@
justify-content: space-between;
}
-img {
- width: 30%;
- max-height: 10rem;
-}
+.contents {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-template-rows: repeat(5, 3rem);
+ grid-column-gap: 4rem;
+ grid-row-gap: 0;
+ width: calc(100% - 2rem);
+ align-items: center;
-span {
- width: 50%;
+ p {
+ margin: 0;
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ padding: 1rem;
+ border-bottom: 0.1rem solid black;
+ }
+
+ p:first-child {
+ grid-column: 1 / 3;
+ background-color: var(--text-color);
+ color: var(--background-color);
+ font-weight: 500;
+ }
}
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
index 2abe897..9eb6b8d 100644
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -1,6 +1,6 @@
.wrapper {
- width: 80%;
- max-width: 80rem;
+ max-width: 55rem;
+ padding: 0 2rem;
margin: 0 auto;
> * {