Create concept sketches

<aside> 📎 Submit this assignment under a new page in your Student Page

</aside>

As a first step towards building ourHypertext Narrative, let’s start by creating a diagram of the page/content structure of your website, or creating concept sketches that convey what the content might look like at a high level.

Review the linked project brief in detail before starting the assignment. Feel free to draw your sketches in whatever is most comfortable to you: pencil/paper, Figma or Figjam, whatever you like.

If using Figma, here’s a couple resources to get you started

• Figma Intro + template to follow along

CSS Layout Assignment

<aside> 📄 To submit this assignment, add Github Repository link and Live URL under your student page. I should be able to see your code with the Github repository link, and the end result in the live URL

</aside>

Assignment Instructions:

• Re-create one of the following layouts below in HTML & CSS pages. Look into using flexbox for layout. And think about how you could re-use styles with classes or hierarchy selectors.
  • Here’s a fun flexbox tutorial - link
• Add your code to your Github pages website (commit and push your changes) under a folder titled assignment-3-css
• This assignment is challenging for anyone new to CSS. Feel free to collaborate with your peers or send questions via email.
• The font used here is called 'Inter', and it's a Google Font. You should include this in your code.
• Aim to get it as close to the image as possible - but it doesn’t have to be perfect

Layouts to re-create - required: