set image widths for different screen sizes #4

	name: Build and Deploy
	on:
	push:
	branches:
	- main
	env:
	AWS_DEFAULT_REGION: 'ap-southeast-1'
	BUILD_DIR: ./_site
	jobs:
	build-and-deploy:
	runs-on: ubuntu-latest
	steps:
	- name: Checkout
	uses: actions/checkout@v4
	- name: Setup node
	uses: actions/setup-node@v3
	with:
	node-version: 18
	- name: Install dependencies
	run: npm install
	- name: Build pages
	run: npm run build
	- name: Upload to S3
	run: aws s3 sync $BUILD_DIR $WEBSITE_S3
	env:
	AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
	AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
	WEBSITE_S3: ${{ secrets.WEBSITE_S3 }}
	- name: Create Invalidation
	run: aws cloudfront create-invalidation --distribution-id $WEBSITE_DISTRIBUTION_ID --paths '/*'
	env:
	AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
	AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
	WEBSITE_DISTRIBUTION_ID: ${{ secrets.WEBSITE_DISTRIBUTION_ID }}

Provide feedback