guin- / coffeeroasters Goto Github PK

add colors
add fonts
add font sizes for body and headings

• install react-router-dom
• Create files for common components Nav and Footer
• Create files for 3 main pages components Home, About, Subscribe
• test basic routing works

• mobile
  • features description
    • title
    • description
  • feature item
    • title
    • description
    • feature items layout
• tablet
  • features description
    • title
    • description
  • feature item
    • title
    • description
    • feature items layout
• desktop
  • features description
    • title
    • description
  • feature item
    • title
    • description
    • feature items layout

background image
title
description
button

• mobile
• tablet
• desktop

section doesn't scale on very large screens

• logo svg
• mobile
• tablet
• desktop

• background color lightCream
• padding for container content:
  home
  mobile: l&r: 24, top 32 ,bottom 72
  tablet: l&r: 39, top 40, bottom 72
  desktop: l&r: 80, top 44, bottom 88 (used pb-24 96px)

Mobile, Tablet, Desktop:

• title
• step item 
  • step number 
  • title 
  • description 
• overall layout (step items) 
• circle time line  (tablet, desktop)

on hover styles

• nav links
• hero create plan button
• how it works create plan button
• footer links
• footer sm icons

• title
  • mobile
  • tablet
  • desktop
• collection item component
  • items
    • mobile
    • tablet
    • desktop
• icons

• add content to nav and footer
• add home page copy
• add about page copy
• add subscribe page copy
• add assets folder

• mobile
• tablet
• desktop

• padding, links
• open mobile nav styling