Merge pull request #42 from CodeYourFuture/wireframe/new-wireframe

update wireframe image to match criteria

Author: SallyMcGrath

Wireframe/README.md

@@ -1,6 +1,9 @@
 # Wireframe
 
-Create a new webpage explaining:
+![Wireframe](./wireframe.png)
+
+Using the provided wireframe, create a new webpage explaining:
+
 1. What is Git?
 2. Why do developers need Git?
 3. What is a branch in Git?
@@ -11,24 +14,29 @@ The page should NOT use any framework like Bootstrap.
 
 - Apply a consistent color scheme to links and text on the webpage
 - Use semantic HTML tags to structure the webpage
-- Create a webpage header with a title and description
+- Create a page header with a title and description
 - Create an articles section with three articles, each including a title, summary, and a link
-- Create a page footer containing information about you or the site
+- Create a page footer and fix it to the bottom of the viewport
 - Use the :first-child pseudo-class to style the first article so that it stands out from the others
-- Properly utilize version control by committing often and pushing regularly to GitHub
-- Refrain from using any frameworks such as Bootstrap
+- Use version control by committing often and pushing regularly to GitHub
+- Don't use any frameworks; write your own layout using HTML and CSS
 
-Use the sketch provided to guide the layout and content you are trying to achieve. Please note that this is just a sketch - you can choose the colors, fonts, and images that you want to use on the page.
+Use the wireframe sketch provided to lay out the page. Please note that this is just a sketch - you can choose the colors, fonts, and images that you want to use on the page.
 
 ## Acceptance Criteria
 
 - [ ] The webpage has a consistent color scheme for links and text.
 - [ ] Semantic HTML tags are used to structure the webpage.
-- [ ] The webpage header includes a title and description.
+- [ ] The page header includes a title and description.
 - [ ] The articles section has three articles, each including a title, summary, and a link.
-- [ ] The page footer contains information about you or the site.
+- [ ] The page footer is fixed to the bottom of the viewport.
 - [ ] The first article is styled using the :first-child pseudo-class.
 - [ ] The webpage is styled using a linked .css file.
-- [ ] The webpage is responsive and displays properly on different screen sizes.
-- [ ] The webpage is properly committed and pushed to GitHub.
+- [ ] The webpage is properly committed and pushed to a branch on GitHub.
 - [ ] The webpage does not use any frameworks such as Bootstrap.
+
+## Resources
+
+- [Wireframe](https://www.productplan.com/glossary/wireframe/)
+- [Semantic HTML](https://www.w3schools.com/html/html5_semantic_elements.asp)
+- [:first-child](https://developer.mozilla.org/en-US/docs/Web/CSS/:first-child)