The musical-giggle from cwinters87

musical-giggle's Introduction

🚀 Quick start

Make sure to have Node.js installed (v18 or newer)
```
node --version
```
Node.js installation guide
Make Sure you have GIT install on your system.
```
git --version
```
GIT installation guide
Install Gatsby CLI on your device (v5 or newer).
```
npm install -g gatsby-cli
```
Check version.
```
gatsby --version
```
Install the dependencies.

Navigate into the website directory and install dependencies.
```
cd tasksuite-website/
npm install
```
Create branch from dev
```
git checkout dev
git checkout -b <branch-name>
```
name branch as follows: or
Start developing.

Start it up.
```
gatsby develop
```
Open the code and start developing!

Your site is now running at http://localhost:8000
If a new page, add component and style

Import Layout from './src/components/layout/layout.js'

You should also wrap your component with padding of 7% on the sides and 100% viewport height

Add a media query for ultra-wide support as follows:
```
@media only screen and (min-width: 2561px)  {
.container {
    max-width: 2560px;
    padding: 26px 180px;
    }
}
```
Place all components and elements inside the
Use global.css variables for color and fonts

Refer to global.css in the syles folder for variable names. Fonts should mainly follow this order:

Titles and headers: var(--font-regular)

all other text: var(--font-light)

If needed, add a font-weight of 600 if needing bold.
Use .module.css file for the styling of component.

Place CSS Module files in the same folder as the js component.