Skip to content

Latest commit

 

History

History
22 lines (14 loc) · 938 Bytes

File metadata and controls

22 lines (14 loc) · 938 Bytes

Create a responsive webpage showcasing your cake business

Set up

  1. Fork this repository (so you have a copy of it in your own Github account)
  2. Clone the repository to your computer (so you can access it locally and can add code to it!)

  3. Once you've started coding (folllowing the instructions below), remember to commit and push your code frequently.
  4. When you're ready to share something (even if it's unfinished!), open a Pull Request so a teacher can review your work.

Exercise

Start with your mobile design

  • Draw a wireframe of how the website will look like on mobile
  • Write the HTML following this mobile design
  • Then write your CSS for everything to look great on mobile

Then adapt the page to look good on desktop

  • Now add media queries to your CSS, and change the layout and sizing of elements so they make better use of a wider screen

Wireframe for inspiration: