Sonjide-zz / responsive-cake-webpage

A responsive HTML and CSS cake wireframe

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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


Languages

Language:HTML 70.1%Language:CSS 29.9%