Skip to content

HusseinAlsakkaf/responsive-cake-webpage

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 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

No packages published

Languages

  • HTML 92.5%
  • CSS 7.5%