jenn-sweet / stunning-start-page

Use your grid & flexbox skills to make a full website homepage.

summary	time	deliverables
Use your grid & flexbox skills to make a full website homepage.	1.5 hours	1 HTML file, 1 CSS file, images

Stunning start-page

Overview

• Fork this repository.
• Use a combination of CSS Grid & Flexbox to design a complete homepage.
• The HTML semantics are already written for you.
• DO NOT change the HTML file.
• Run it through Markbot and make sure it passes all the checks.

---

Details

• Typefaces: Georgia, PT Sans Narrow
• Text sizes: 1.125rem, 0.875rem, 1.25rem
• Line-heights: 1.5
• Colours: #000, #fff, #afafaf, #ccc, #323232, #bebebe, #bd027d, #960062, #eccee2
• Gaps: 1rem
• Margins: .5em, 1.5rem
• Paddings: .5em .8em, .5em, 1rem, 1.5rem
• Border thicknesses: 2px
• Corner-radii: 6px, 1em 0 0 1em

---

Goal

Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.

• Final screenshots in the “screenshots” folder.

---

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.