This repository contains files for ACM Hack's workshop on responsive web design in Winter 2024. The files are for an activity to edit a website style code so that it's compatible on all screen sizes in React/Next.js.
First, install Node if you haven't already and then install the packages for starter code
npm installNext, run the development server:
npm run devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can also check out the ACM Hack website for resources on HTML, CSS, and React/Next.js if you want to learn more!
For the activity solutions, there's a solutions branch in this repo with the correct styling!