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 @@ -sfeerfoto -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; > * {