💄 Improve styles and responsiveness #9

	name: Continuous Integration

	on:
	push:
	branches: [ main, master, develop ]
	pull_request:
	branches: [ main, master ]

	jobs:
	build_and_test:
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v2
	- name: Use Node.js
	uses: actions/setup-node@v2
	with:
	node-version: '18'
	- name: Cache node modules
	uses: actions/cache@v2
	env:
	cache-name: cache-node-modules
	with:
	path: ~/.npm
	key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-build-${{ env.cache-name }}-
	${{ runner.os }}-build-
	${{ runner.os }}-
	- name: Install dependencies
	run: npm ci
	- name: Run linter
	run: npm run lint
	- name: Run tests
	run: npm test
	- name: Build project
	run: npm run build
	- name: Upload build artifacts
	uses: actions/upload-artifact@v2
	with:
	name: dist
	path: dist

	analyze:
	needs: build_and_test
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v2
	- name: Use Node.js
	uses: actions/setup-node@v2
	with:
	node-version: '18'
	- name: Install dependencies
	run: npm ci
	- name: Run ESLint
	run: npx eslint .
	continue-on-error: true
	- name: Run TypeScript compiler
	run: npx tsc --noEmit
	continue-on-error: true

Provide feedback