From 54072bd9609defb4b99d20a551b0a8676a91ce1f Mon Sep 17 00:00:00 2001 From: selma-lindfors Date: Thu, 1 Aug 2019 14:51:04 +0300 Subject: [PATCH] styling --- about.css | 44 ++++++++++++++++++++++++++++++++++++++++++-- about.html | 27 +++++++++++---------------- 2 files changed, 53 insertions(+), 18 deletions(-) diff --git a/about.css b/about.css index 8b66ef3..42f1643 100644 --- a/about.css +++ b/about.css @@ -1,12 +1,52 @@ #about-container { - margin: 10rem 10rem; + width: 100vw; + min-height: 100vh; + justify-content: center; + align-items: center; + max-width: 500px; + margin: 0 auto; + padding: 5rem; } #headline { display: flex; - justify-content: space-between; + + width: 50rem; +} + +h1 { + color: #7badb6; } .text { font-size: 1.8rem; + margin-bottom: 3rem; + width: 50rem; + z-index: 1; + position: relative; + top: -5.5rem; + text-align: justify; + text-justify: inter-word; +} + +#family-pic { + width: 50rem; + z-index: 2; +} +#sheep { + width: 30rem; + height: 20rem; +} + +:root { + background-color: black; +} + +* { + color: white; +} + +#continue-btn { + background-color: #7badb6; + color: white; } diff --git a/about.html b/about.html index f0fdf5e..e0bf032 100644 --- a/about.html +++ b/about.html @@ -5,17 +5,16 @@ About - +

About this project...

sheep logo
@@ -23,23 +22,19 @@

About this project...

lamb family pic
-

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Aperiam, - minus ex ad itaque numquam ut saepe necessitatibus repellat atque, aut - voluptatibus, voluptas repellendus cupiditate sit fugit eveniet - sapiente eum odit!Lorem ipsum dolor sit amet consectetur adipisicing - elit. Aperiam, minus ex ad itaque numquam ut saepe necessitatibus - repellat atque, aut voluptatibus, voluptas repellendus cupiditate sit - fugit eveniet sapiente eum odit!Lorem ipsum dolor sit amet consectetur - adipisicing elit. Aperiam, minus ex ad itaque numquam ut saepe - necessitatibus repellat atque, aut voluptatibus, voluptas repellendus - cupiditate sit fugit eveniet sapiente eum odit -

+

+ This project is a cooperation between 8-bit-sheep and Eija Moisala at + Yleisradio. The idea was to offer summer jobs to high schoolers, teach + them to code JavaScript and give them a sense of working in tech. This + *very cool* website is the product of that summer. Enjoy! +

+ Continue to *very cool* quiz