Skip to content

Kos0606/HTML-CSS-Coursework-Week3

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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:

About

A responsive HTML and CSS cake wireframe

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • HTML 46.3%
  • CSS 42.2%
  • JavaScript 11.5%